2017-01-14 11 views
1

Chewyフォントを追加し、font-familyで設定します。ただし、アクセント付きの文字はデフォルトのフォントで表示されます。 ここで何が間違っていますか?CSSフォントファミリーがこのアクセント文字に適用されないのはなぜですか?

@import 'https://fonts.googleapis.com/css?family=Chewy'; 
 
p { 
 
    font-family: "Chewy"; 
 
}
<p>test blah blah</p> 
 
<p>b&#7885;&#768;y</p>

+0

デフォルトフォントに戻ってどういう意味ですか?これは、あなたがcss font-family: "Chewy"で指定したのと同じフォントを保持しています。 –

+0

ボタンをクリックすると、出力はフォントを使用しません。上にコードを実行することができます。 –

+0

ボタンを押した後で要素を調べると、font-family: "Chewy"を使っているのがわかります。フォントにレンダリングしようとしている文字があることを確認します。 –

答えて

4

ほとんどのフォントはすべての文字を持っていません。たとえば、ọ̀は「Chewy」には存在しません。したがって、ブラウザはデフォルトフォントを使用してフォントをレンダリングします。

これは、jQueryを使用しているということとは関係ありません。ページが静的だった場合の動作は同じになります。

dafontを使用してこの文字を使用している「groovy」なフォントを探してみることができます。あなたが気づくかもしれませんが、多くはありません。

+0

ああ、意味があります。すべての文字をサポートするフォントタイプはありますか? –

+0

私が知る限り、存在する最も完全なフォントは[GNU Unicode](http://czyborra.com/unifont/)フォントです。このページには、これまでにすべての文字(Lucinda、Everson、Bitstream、...)をサポートしようとしていたフォントのリストもあります。 –

+0

@ Mr.T "すべての文字に1つのフォント"を使用しないでください。CSSのフォールスルーに依存しています。あなたのフォントを選んだ後、空白を埋めることができる別の*フォントを選び、ユーザに気づかないほどよく似ているように見せて、お互いを補完するフォントのリストを作り、 'serif'や' sansブラウザに1つの最終的な絶望のフォールバックがあるように-serif'を実行します。 –

関連する問題