2012-10-24 4 views
2

@font-face 선언문을 사용하여 웹 사이트에서 글꼴을 호출하면 IE, FF, Chrome, 심지어 모바일 Safari으로 표시됩니다. 그러나 글꼴은 크롬 18.0.1025308(01.2)으로 표시되지 않습니다.@ font-face Android 용 Chrome에서 작동하지 않습니다.

사용하는 구문은 fontspring's이며, 글자체가 올바르게 표시되지 않도록 결정하는 실제 문제가 있습니다.

CSS :

@font-face { 
    font-family: 'jump_startregular'; 
    src: url('wp-content/uploads/fonts/jstart-webfont.eot'); 
    src: url('wp-content/uploads/fonts/jstart-webfont.eot?#iefix') format('embedded-opentype'), 
     url('wp-content/uploads/fonts/jstart-webfont.woff') format('woff'), 
     url('wp-content/uploads/fonts/jstart-webfont.ttf') format('truetype'), 
     url('wp-content/uploads/fonts/jstart-webfont.svg#jump_startregular') format('svg'); 
    font-weight: normal; 
    font-style: normal; 
} 

어떤 생각이?

+0

더 나은 Google 웹 글꼴 ... –

+0

@ Mr. 외계인 Google 웹 글꼴이 더 나은 이유는 무엇입니까? – Luca

+0

그들은 @ font-face에 의존하지 않습니다 –

답변

1

문제는 font-family 신고와 관련이 있습니다 (게시하지 않았기 때문에 말할 수 없습니다).

font-family: fghjkjh, 'jump_startregular', sans-serif; 

이 ... 안드로이드 크롬은 단순히 fghjkjh 설치 (그러나 정말 기본 안드로이드 글꼴을 사용)하고 다른 모든 것을 무시한다 척 것 : 경우, 예를 들어,이 있었다. (버그 또는 기능인지 확실하지 않습니다.)

이 경우 해결 방법은 'jump_startregular'를 앞쪽으로 이동하고 대신 @font-face 블록에 local 소스를 추가하는 것입니다. 그러면 문제가 될 수 있습니다. 다른 오래된 브라우저.

+0

이것은 정확하게 나의 문제이었다! 솔루션 작동 :) – bransharp

관련 문제