구글 웹폰트 CDN 사용에 문제가 있나요?

그럼 띄어쓰기를 해야 하는건가요???

 

추가해 주려고 보니 그것도 포함되어 있네요....

그리고 나눔고딕은 그것만 문제가 아니라... font-weight가 700일 때 CDN에 있는 파일은 "나눔고딕-볼드"체를 불러오도록 되어 있는데, PC에 나눔고딕을 설치할 경우 Extrabold체를 불러옵니다. 그래서 나눔고딕 설치한 사람이랑 안한 사람이랑 다르게 보입니다

전 그래서 webfont.css파일을 따로 만든 다음 레이아웃 상단에 다음 문구를 삽입하는 방식으로 쓰고 있습니다.

<span cond="!Mobile::isMobileCheckByAgent()">
<load target="css/webfont.css" />
</span>

아.. 아니군요. 부분적으로 따로 선언한 부분에 빠져 있네요. 감사합니다. 이게 원인인듯 합니다.

구글 말고 jsdelivr.net 쪽을 추천드립니다. 구글은 속도가 느려서...

https://xe1.xpressengine.com/forum/22768426

속도도 그렇지만 중국유저들은 js나 cdn을 구글 서버로 사용시 레이아웃이 깨져버리더라구요 메뉴 동작도안하고

감사합니다. 말씀 하신쪽으로 교체하였습니다.

어.. 근데 이상합니다. 앞에 선언된 "NanumGothic" 등을 크롬 개발자도구에서 지워버려서 "Nanum Gothic" 이 가장 앞에오게 했는데 폰트가 못불러오는 듯합니다.

 

여기 XE타운도 순서가 컴에 설치된 나눔고딕이 먼저인데 그거 다 지우고 웹폰트를 남기면 못불러오고 바로 다음 폰트인 돋움으로 넘어가는 듯합니다.

브라우저 문제인거 같은데 모르겠네요. 전 크롬으로도 잘되는거 같아서... pc에서 글꼴을 일단 지워보셔야 할거 같네요. (지우기 실패하셨다고 하는데 전 잘돼서...)

혹시 여기 요소보기에서 웹폰트 나눔고딕을 제일 먼저오게 해 보셨나요? 제컴에서는 그렇게 하면 돋음으로 넘어가 버리네요. CDN의 나눔고딕을 못불러와요. 여기 XE타운도요...

태블릿PC에 나눔고딕이 없는 것으로 아는데요... 노트 10.1 같은.. 거기서 잘 보이면 문제가 없다고 봐야 할까요?

혹시 나눔고딕 없는 컴에서 저희 사이트 한번 봐주실 수 있나요?

사이트 주소 남겨주시면 이따가 확인해보겠습니다. 그리고 저는 크롬으로는 안해봤고 윈도우10의 ie11이나 엣지브라우저 개발자모드에서 해봤는데 정상적으로 불러옵니다

http://pomelove.com 입니다. 배너를 못보셨군요..

안되는거 같네요. 나눔고딕 설치된 PC에서는 잘 보이는걸 보니 웹폰트 css를 import하는 부분이나 font-family 정의하는 부분에 문제가 있는 것 같네요.

제 경우 첨부된 webfont.css 파일을 레이아웃의 css 폴더에 넣은 다음 layout.html 최상단에

 

 

을 이용해서 불러오고, layout.css파일의 font-family부분 찾아서 ng를 추가해줬습니다. 첨부파일 확인해보세요

참고로 전 css나 html에서 폰트 정의해놓은 부분을 모두 지운 다음 css파일에
 

이런 식으로 사용하고 있습니다.

오.. 됩니다. 첨부해주신 파일로 해서 하니 되네요. 기존에 되던 방식이 안된다고 하시는 말씀이 맞네요. 지금 나눔고딕을 컴에서 지웠더니 여기 XE타운도 돋움으로 나오는거 같아요.

 

감사합니다!

정말 다시한번 감사드립니다!

나눔고딕 설치 않하신 회원님들은 저를 얼마나 속으로 욕하고 계셨을지.. ㅡㅡ;

그러게요. 일반적인 방법으로 import 한건데 안되네요. 방금 저도 컴을 리부팅하고 나눔고딕을 지우니 웹폰트가 안불러져 옵니다. 이런.....