디즈니 플러스에서 사용 중인 Seol Sans 폰트는 고딕계열이 맞지만, 이게 명조체로 나오고 있습니다.
이유는 스크립트에 기재한 Seol Sans를 사파리가 모르기 때문이고, 대체 폰트로 San-serif 즉 고딕 계열이다라고 하지 않고 있기 때문으로 보입니다.
그래서 CSS 를 수정해야 하는데,
다들 쓰시는 백투더맥에서 가르쳐 준 방법으로 CSS에서 폰트 이름 지정하고 그걸 시스템에서 사용하는 폰트로 치환하면 됩니다.
거기서 치환할 폰트의 주소를 지정하면 그 폰트가 나오겠죠
그래서 SeolSans 폰트를 불러오는 스타일시트를 보니깐 SeolSans-Book, SeolSans-Medium 2가지 Woff2 타입 폰트를 불러오고 이후에 스타일 지정을 하고 있습니다.
여기서 뭔가 사파리에 최적화를 안했으니 Seol Sans를 인식 못하고 있겠죠.
웹속성에서 Font-Family 수정해 보시면 맞게 나오는거 확인가능합니다.
암튼 그래서 Seol Sans 폰트를 그대로 사용하고 싶다면
@font-face {
font-family: "seol sans";
local("Nanum Gothic");
}
위 처럼 SeolSans-Book 링크를 집어 넣으면 그 폰트로 나옵니다.
그리고 당연하지만, 저 주소가 변경되거나 이용자 마다 다르다면 안나오거나 맞게 찾아서 수정하셔야 할겁니다.
사파리 웹속성 보기로 스타일시트 파일 확인 가능하니 주소 확인은 가능할겁니다.
말씀하신대로 url 지정하는게 정답입니다만, seol sans 폰트를 apple sd gothic neo 폰트로 간단히 바꿔도 되더군요.
@font-face {
font-family: "Seol Sans";
src: local("Apple SD Gothic Neo"),
local("Nanum Gothic");
}
이렇게 추가해 놓아도 일단 해결은 됩니다.