유독 저희 사이트가 더 그런 현상이 있는듯 한데요.  뭔가 페이지 불러올때 CSS가 빨리 못불러오는 듯한 느낌을 주네요.

크롬이 업데이트가 된건지...

 

윈도우즈 8.1에 46.0.2490.71 m 

버전이 저렇게 뜨는데요....    CSS적용이 약간 딜레이되는 듯한 느낌을 받으니 사이트 디자인이 자리잡는 약간의 시간이 눈에 보이네요.

 

IE11로 접속해 보면 정상이구요....

 

 

 

여기 화제의글 아이콘 디자인도 

 

icon.png

 

요렇게 보이는데 다들 이렇게 보이시나요??

 

 

css.jpg

 

순간적으로 캡쳐해  봤습니다. 폰트가 불려져 오면 폰트에 맞게 CSS가 딱 안착을 합니다. 폰트가 없으니 저렇게 되는게 맞는거 같긴한데 어제까지 크롬이나 IE나 저렇게 느낄정도가 아니었는데 오늘 크롬에서는 완전 저게 눈에 보이네요..

 

IE에서는 느껴지지 않습니다.

 

 

 

 

로딩후

 

css1.png

 

 

 

  • profile
    컴에 나눔고딕을 설치하지 않고 사이트에는 웹폰트가 지정되어 있는데 어제와 오늘 느낌이 너무 다르네요.
  • profile
    저는 올바르게 보이는데요..

    캡쳐사진을 올려주세요.
  • profile profile
    아... 그니까.. 웹폰트가 불러오는 동안 css가 자리를 못잡다가 불려와지면 자리를 잡아요. 아주 빨라서 캡쳐가 불가능이에요. IE에서는 그런 현상이 없네요.
  • profile profile
    완전 찰나를 캡쳐해서 본문에 넣어봤습니다.
  • profile profile
    참고적으로 저는 웹폰트 정상유무 확인을 위해 나눔고딕을 컴에서 지우고 사용중입니다.
  • profile
    서버나 사용자의 인터넷 환경문제일 수도...
  • profile profile
    IE에서는 이상이 없네요. 오늘 패치후 그런 것 같은 기분탓 같은 생각도 들구요. 크롬에서만 그러니 이상해서요.
  • profile profile
    파폭에서도 테스트 해보세요.
  • profile profile
    파폭은 괜찮아요. 크롬만 유독 웹폰트 동기가 안맞네요. 이전에는 제가 이걸 눈치챌 정도가 아니었는데 크롬이 뭔가 변화가 생긴듯합니다.
  • profile profile
    https 노란색 경고표시가 안 뜨는 변화가 그 중 하나이죠..
  • profile profile
    오~~ 그렇군요! 버전이 바뀐거군요. 그럼 제가 해결할 수 있는 상황이 아닌듯 합니다 ㅋ 웹폰트를 제일먼저 로딩해 보려고 시도해도 잘 안되는 듯 해요. 뭐 크롬브라우저의 최신버전의 문제인 듯 합니다.

    뭐 대부분 나눔고딕 폰트 쓰실거라 생각하고 신경을 쓰지 않으면 큰 문제는 아닌듯 하니 그냥 기다려 봐야 겠네요.
  • ?
    html 최상단에 웹폰트 css파일 로딩하도록 하셨나요? 글구 import 방식이 직접 font face 정의하는 것보다 느리다고 합니다

    근데 원래 한번 다운받고 나면 브라우저 캐시에 저장돼서 다음부터는 로딩 없이 바로바로 뜨던데... 혹시 캐시 설정에 문제가 있는 건 아닐까요?
  • ? profile

    이게 사이트 설정은 변한게 없어서 사이트의 import 방식이 최근 적용되지 않아 최근 html 최상단에 css파일 로딩하도록 해서 사용했어요. 오늘 이전에는 이상이 없던것으로 보아 크롬브라우저가 뭔가 변한듯 합니다.

     

    그리고 다른 브라우저 모두 정상이구요. 사실 크롬도 어제까지는 정상이었어요.

  • ? profile
    지난번에 알려주셨었네요 ㅋ
  • ?

    웹브라우저 마다 웹폰트(가 로딩되기 전에) 처리하는 방식이 달라서 생기는 문제 같아요.

    https://developers.google.com/fonts/docs/technical_considerations#Browser_Behavior

     

    이런거로 해결 볼 수 있긴 한데 세팅하기가 복잡해서, 큰 불편이 없는한 그냥 두시는걸 추천합니다.

    https://github.com/typekit/webfontloader

  • ? profile
    네. 웹폰트로더 방금 해보긴 했어요. 근데 안되더라구요. zipper 애드온을 중지하고 해봤어야 하는거 같긴한데요.

    근데 거의 확실한건 크롬이 업데이트 되면서 생긴현상이라 웹폰트로더로 해도 안되는 듯해요. 뭔가 버그 같아요.
    그냥 둘생각입니다. ㅋ 대부분 나눔고딕은 설치하셨으리라 믿고 저는 모니터링 하느라고 나눔고딕을 지우고 사용하는 거라서요.
    혹시 귀찮아서 설치 안한 분들도 뭐 크게 신경쓰이는 부분은 아니라고 보구요.
  • ? profile
    <script src="//ajax.googleapis.com/ajax/libs/webfont/1.4.7/webfont.js"></script>
    <script>
    WebFont.load({
    google: {
    families: ['Open Sans', 'Oswald']
    }
    });
    </script>

    요런 스크립트를 적용해 보았는데 안되는거 같더라구요.
  • profile ?

    웹폰트 로더는 단순히 복붙한다고 적용되지 않아요. 제대로 적용하려면 레이아웃이나 스킨을 사이트별로 통으로 수정해야 할거에요.(하지 않는게...)
    다만 웹폰트가 다 로딩 된 후에야  웹페이지를 보여주는 방식 정도는 간단하게 적용이 가능하것 같긴 하네요..

  • ? profile
    네. 크롬이 갑자기 그러기 시작한거라 당분간 그냥 지켜봐도 될 것 같아요.
  • profile
    허허 이런 꼼꼼함 이라니..