익숙한 크롬 브라우저에선 글꼴 적용이 잘 되는데...
항상 사파리 브라우저가 문제 ㅜㅜ
크로스 브라우징 생활화해야하는데 아직 쉽지 않다..
그러므로 사파리 브라우저에서 글꼴 적용하는 방법을 기록해보려한다.
보통은
html, body {font-family: "Pretendard";}
이런식으로 많이 적용하는데,
사파리 브라우저의 경우 적용이 안될 수도 있다.
그래서 항상 지정 폰트 뒤에 sans-serif를 붙여줘야한다.
html, body {font-family: "Pretendard", sans-serif;}
또한 웹폰트 방식 중 @import 방식을 사용한다면 import링크를 css파일 최상단에 적어야한다.
728x90
반응형
