웹에서 애플기기는 시스템 폰트로 표시되도록 만드는 방법
P
Playonly (121.♡.1.209)
2025년 2월 4일 PM 10:04 · 수정됨(02. 05. 08:59)
조회 371 공감 0
font-family: -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", Pretendard
위와 같이 지정하면 굳이 다른거 안해도 애플기기는 기본폰트로 나오겠죠?
혹시 더 샐 구멍이 있을까요
댓글 (2)
-
스스탠리
25.02.04 · 159.♡.218.10
- P
Playonly
→ 스탠리 작성자 25.02.05 · 106.♡.146.19
답변 감사합니다~ 뒤는 길어서 자르고 올린거였어요!
애플 시스템 ui를 우선하는 의도로는 이런식으로 쓰는 방법이 있더라구요. 근데 저한테는 생소한 방법이라 이게 맞나 싶어서 질문했습니다.
댓글을 작성하려면 이 필요합니다.
그런데 Pretendard는 웹폰트인데, 순서상 뒤에 놓으신 게 일반적인 방식은 아니라고 생각합니다. 보통 웹폰트를 맨앞으로 둬서 플랫폼과 상관없이 동일한 디자인으로 표시되도록 한 후에, 그게 안 될 경우에 각 OS별로 그나마 비슷한 글꼴을 배치하도록 font stack를 쌓거든요.
그리고 아마 질문과 관련이 없어서 빼신 것으로 보이지만, 맨 끝에는 그래도 혹시 모르니 sans-serif 넣어주시면 깔끔합니다.