2016-09-19 5 views
1

이 아닙니다. Google 글꼴 미리보기 페이지에서 글꼴을 선택하면 모든 특수 문자가 예상대로 작동하지만 글꼴이 웹 사이트에서 사용될 때 일부 문자가 인쇄됩니다 디폴트의 ​​폰트 브라우저에서 글꼴을 최대한 활용하려면 어떤 트릭이 있습니까? 여기Google 글꼴 웹 사이트가 특수 문자로 작동하지만 웹 사이트가

예 :

@import url('https://fonts.googleapis.com/css?family=IM+Fell+DW+Pica+SC'); 
p{font-family: 'IM Fell DW Pica SC', sans-serif;} 
h1{font-family: 'IM Fell DW Pica SC', sans-serif;} 
... 
<p>These are working: a ö ä ø</p> 
<p>These are not: ā &#x101;</p> 

내가 미리보기에서 같은 특수 문자를 입력하면 http://codepen.io/anon/pen/yaardm, 그들은 모두 노력하고 있습니다. 문자 "는 ö ä ø A는" 여기에서 미리보기 상자에서 테스트 할 수 있습니다 https://fonts.google.com/specimen/IM+Fell+DW+Pica

답변

1

동료 내 문자는 라틴어의 일부가 아닌 및 글꼴을 지원하지 않은 것으로 나타났다. Google 글꼴 미리보기는 백그라운드에서 다른 글꼴을 시도하므로 작동하는 것 같습니다. 수동으로 글꼴을 정의함으로써 나는 원하는대로 "Kahako A"를 얻었다.

http://codepen.io/anon/pen/yaapKw

@font-face { 
    font-family: 'IM Fell DW Pica script=all rev=6'; 
    font-style: normal; 
    font-weight: 400; 
    src: url(https://fonts.gstatic.com/l/font?kit=xBKKJV4z2KsrtQnmjGO17HM30v831NPLrMTMWjZhJsgljegwSeDbtiHKgT6kSuH8OhAwGXnQZ2fim__WzpJMvT-ot7WhoQNhxW9XSHPUr95hxaMfyGAgGEujUXva07BSgdd4-sq5HMlny4sZVjdTlXcwcWdsnk25xubTXmsZQe5_f2oRvW8cxG4bMB_YmvaR96xlbbE5D7Gw2o7jubnkMA&skey=2798f34675f18639&v=v6) format('woff2'); 
} 
... 
font-family: 'IM Fell DW Pica script=all rev=6', sans-serif;