맑은 고딕이 우선 지정되던 것을 나눔고딕으로 변경하면서 나눔고딕이 설치되지 않은 단말기들까지 나눔고딕을 지원하기 위해 구글 웹폰트로 적용을 했습니다.

단, 애플기기들의 경우 나눔고딕 보다는 시스템 폰트를 사용할 수 있도록 애플 폰트는 우선순위로 지정해 주었습니다.

안드로이드 기기에서 이제 웹폰트로 동글동글한 나눔고딕을 보실 수 있겠네요. 바꾼지 얼마 안되서 약간 어색한 느낌..

구글 웹폰트에서 제공하는 두가지 방식 중 먼저 보이는 방식으로 적용했습니다.

<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700;800&display=swap" rel="stylesheet">

CSS에 폰트설정은

'Apple SD 산돌고딕 Neo', 'Apple SD Gothic Neo', '나눔고딕', NanumGothic, 'Nanum Gothic','맑은 고딕', 'Malgun Gothic Arial', Helvetica, sans-serif;

요런 순서로 했습니다.