사파리 브라우저에서 폰트(글꼴) 적용

익숙한 크롬 브라우저에선 글꼴 적용이 잘 되는데...

항상 사파리 브라우저가 문제 ㅜㅜ

 

크로스 브라우징 생활화해야하는데 아직 쉽지 않다..

 

그러므로 사파리 브라우저에서 글꼴 적용하는 방법을 기록해보려한다.

 

보통은 

html, body {font-family: "Pretendard";}

 

이런식으로 많이 적용하는데,

사파리 브라우저의 경우 적용이 안될 수도 있다.

 

그래서 항상 지정 폰트 뒤에 sans-serif를 붙여줘야한다.

 

html, body {font-family: "Pretendard", sans-serif;}

 

또한 웹폰트 방식 중 @import 방식을 사용한다면 import링크를 css파일 최상단에 적어야한다.