웹퍼블리셔) 사파리 브라우저에서 폰트 적용이 안되는 문제

크롬,엣지, 안드로이드에서 화면이 잘 나오는데 딱 하나, 아이폰에서 폰트가 적용이 안되고 명조체로 나오는 현상을 발견했다.

다른 건 다 잘되는데 아이폰만..... 하.....아이폰 또 너냐?

 

뭐가 문제인가 인터넷에 찾아보니....

@font-face {
	font-family: 'SUIT Variable';
	font-weight: 100 900;
	src: url('./SUIT-Variable.woff2') format('woff2-variations');
}

.block_sect_interview *{font-family: 'SUIT Variable', sans-serif;  } <==이 부분!!

san-serif; 이 부분이 누락되서라고 써있었다.

 

크롬과 사파리 브라우저간의 디폴트 설정이 달라서 생기는 문제라고 한다.

 

사파리 브라우저에서 디폴트가 정해져있지 않아서 명조체로 나오게 된 것이였다.

써놓고 확인해보니  잘나왔다.