css - 特殊文字のフォールバックフォント

Question

@ font-faceを使用するときに、ページのテキストにフォント内で考慮されていない文字（たとえば、日本語の文字）が含まれている場合に、それらの文字のみが表示されるようにフォールバック設定を行うことができるかどうか疑問に思いました。基本フォントと他のすべての文字はカスタムフォントのままですか？

たまに、1つの段落内に2つのフォントが混在する可能性があると想像しています。

score 22 · Accepted Answer

あなたが説明したのは、ブラウザーのデフォルトの動作です。文字が欠落している場合は、自然に基本フォントにフォールバックする必要があります。

ただし、カスタムフォントで空白文字が使用されることがあります。その場合は、unicode-range

例えば：

@font-face {
    font-family: BBCBengali;
    src: url(fonts/BBCBengali.ttf) format("opentype");
    unicode-range: U+00-FF;
}

残念ながら、ブラウザのサポートに問題があります。

score 6 · Accepted Answer

指定されたフォントに文字が含まれていない場合、CSSにはデフォルトでシステムフォントへのフォールバックがあります。フォールバックするフォントを指定することもできます。

セリフフォントの例：

body {
    font-family: "MyNiceFontWithoutJapanesChars", "common serif font", serif;
}

フォールバックフォントにデフォルトのフォントで見落とされる文字が含まれている限り、問題はありません。

2 に答える 2