답변 3개
css import 방식으로 사용중이신것 같은데요
로더 동기방식으로 하면 깜빡임이 덜합니다.
아래 소스는 나눔 고딕을 예로 들었습니다.
</p><div class="crayon-line crayon-striped-line" id="crayon-576e0b8005b78419158027-2"><span class="crayon-ta"><script </span><span class="crayon-e ">type</span><span class="crayon-o">=</span><span class="crayon-s">"text/javascript"</span><span class="crayon-o">></span></div><div class="crayon-line" id="crayon-576e0b8005b78419158027-3"><span class="crayon-h"> </span><span class="crayon-v">WebFont</span><span class="crayon-sy">.</span><span class="crayon-e">load</span><span class="crayon-sy">(</span><span class="crayon-sy">{</span></div><div class="crayon-line crayon-striped-line" id="crayon-576e0b8005b78419158027-4"> </div><div class="crayon-line" id="crayon-576e0b8005b78419158027-5"><span class="crayon-h"> </span><span class="crayon-c">// For google fonts</span></div><div class="crayon-line crayon-striped-line" id="crayon-576e0b8005b78419158027-6"><span class="crayon-h"> </span><span class="crayon-v">google</span><span class="crayon-o">:</span><span class="crayon-h"> </span><span class="crayon-sy">{</span></div><div class="crayon-line" id="crayon-576e0b8005b78419158027-7"><span class="crayon-h"> </span><span class="crayon-v">families</span><span class="crayon-o">:</span><span class="crayon-h"> </span><span class="crayon-sy">[</span><span class="crayon-s">'Droid Sans'</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-s">'Droid Serif'</span><span class="crayon-sy">]</span></div><div class="crayon-line crayon-striped-line" id="crayon-576e0b8005b78419158027-8"><span class="crayon-h"> </span><span class="crayon-sy">}</span></div><div class="crayon-line" id="crayon-576e0b8005b78419158027-9"><span class="crayon-h"> </span><span class="crayon-c">// For early access or custom font</span></div><div class="crayon-line crayon-striped-line" id="crayon-576e0b8005b78419158027-10"><span class="crayon-h"> </span><span class="crayon-v">custom</span><span class="crayon-o">:</span><span class="crayon-h"> </span><span class="crayon-sy">{</span></div><div class="crayon-line" id="crayon-576e0b8005b78419158027-11"><span class="crayon-h"> </span><span class="crayon-v">families</span><span class="crayon-o">:</span><span class="crayon-h"> </span><span class="crayon-sy">[</span><span class="crayon-s">'Nanum Gothic'</span><span class="crayon-sy">]</span><span class="crayon-sy">,</span></div><div class="crayon-line crayon-striped-line" id="crayon-576e0b8005b78419158027-12"><span class="crayon-h"> </span><span class="crayon-v">urls</span><span class="crayon-o">:</span><span class="crayon-h"> </span><span class="crayon-sy">[</span><span class="crayon-s">'<a href="<a href="http://fonts.googleapis.com/earlyaccess/nanumgothic.css" target="_blank" rel="noopener noreferrer">http://fonts.googleapis.com/earlyaccess/nanumgothic.css</a>"><a href="http://fonts.googleapis.com/earlyaccess/nanumgothic.css" target="_blank" rel="noopener noreferrer">http://fonts.googleapis.com/earlyaccess/nanumgothic.css</a></a>'</span><span class="crayon-sy">]</span></div><div class="crayon-line" id="crayon-576e0b8005b78419158027-13"><span class="crayon-h"> </span><span class="crayon-sy">}</span></div><div class="crayon-line crayon-striped-line" id="crayon-576e0b8005b78419158027-14"> </div><div class="crayon-line" id="crayon-576e0b8005b78419158027-15"><span class="crayon-h"> </span><span class="crayon-sy">}</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line crayon-striped-line"><span class="crayon-ta"></script></span></div><div class="crayon-line crayon-striped-line"><span class="crayon-ta">댓글을 작성하려면 로그인이 필요합니다.
기본폰트를 없애주고 웹폰트로만 사용하던지 아니면 조건을 줘서 이런경우에만 웹폰트만 사용하고 이런 경우에는 기본폰트가 사용되게 양자택일 해줘야 합니다.
웹폰트는 적용 문제가 발생할 수 있기 때문에 웹폰트를 사용하지 않고 같은폰트를 다운 받아 로컬호스트에서 적용해주는게 좋습니다.
답변에 대한 댓글 1개
댓글을 작성하려면 로그인이 필요합니다.
사용환경을 정확하게 파악못해서 가능성을 말씀드리자면,
웹브라우저가 라인순서대로 불러오잖아요.
css도 마지막 불러온 것을 적용한다는 것을 잘 생각해보시고,
님이 현재 적용하고자 하시는 것.
앞에 다른 css가 먹혔다가
님이 적용하고자 하는 css먹히면서
바뀌는 타이밍에
보기 안좋게 바뀐다는걸로 이해한다면,
제가 추천드리고자 하는 방법은
그누보드 css
특히 html,body{} 에 적용되어 있는 font-family나
해당 요소에 적용되어 있는 font-family가 있을겁니다.
그걸 주석처리해버리면
깔끔하게 해결되지 않을까 추측해봅니당.
theme사용시에는 해당 theme의 css를 수정해보세요.
그누보드 css에 추가작성해서 사용하시는지
아니면 따로 css만들어서 링크해서 사용하시는지 잘 모르지만
도움이 되시길 바랍니다.
답변에 대한 댓글 1개
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인