CSS 웹에서 잘 보이던 폰트가 모바일에서 깨질 때

OOOY·2023년 9월 14일
0

CSS

목록 보기
1/4

웹에서 봤을 땐 통합 적용되던 폰트가...

모바일에선 적용되지 않는 (알고 싶지 않은) 매직...!

1차 시도 :
font-face에 unicode를 적용해 주지 않아 생기는 문제인가 싶어 유니코드를 적용해봤다.

✍️ 자주 쓰는 유니코드 범위 ✍️
영문 (대문자) : U+0041-005A
영문 (소문자) : U+0061-007A
숫자 : U+0030-0039
한글 : U+AC00-U+D7A3

적용 안 됨. 모바일에서만 적용이 되지 않았던 것이니 당연한 건가 싶기도... ㅎㅎ


2차 시도 :

최적화의 문제인가 싶어 구글링 후,
아래의 링크를 참조하여 woff2 폰트를 가장 위로,
트루타입의 폰트도 추가했다.
말모 네이버... 감사합니다...

https://d2.naver.com/helloworld/4969726

하하, 하지만 적용 실패...
많은 양의 폰트 페이스를 적용했기 때문일까
다른 방법을 찾아 보기로 한다.


3차 시도 :
CDN을 사용해 보기로 했다.
혹시 몰라서 CDN도 서브셋을 사용했다.
이젠 좀 되어 주겠니 이라석아...?
너 때문ㅇㅔ 잠 못드는 이 밤.

결과는 성공...!
드뎌! 드뎌 !! ! !!

profile
일단 해 보자구~! 🤸

0개의 댓글