3

フォントTarminisを使用する HTML ページがあります。このフォントは、Windows のフォント フォルダーにインストールされます。そのため、Chrome でページを開くと、ページは期待どおりにレンダリングされます。ただし、Firefox でページを開くと、適切にエンコードされません。

すべてのデータはこちら: https://dl.dropbox.com/u/72276354/snowbank.zip

どういうわけか、Firefox (Opera) は括弧内のテキストをエンコードできません。だから私がしたいのは、このフォントを私のウェブページと同じフォルダに入れて、そこからロードすることです。CSS機能を使用しようとしました@font-faceが、運がありません。

では、私の Web ページで、システム フォントではなく外部フォントとしてTarminisを強制的に使用するにはどうすればよいでしょうか?

4

3 に答える 3

9

それは次のように単純でなければなりません

@font-face {
        font-family: "Name of your font";
        src: url(name-of-font.ttf);
}
* {
    font-family: "Name of your font";
}
于 2013-03-24T18:40:48.547 に答える
5

Zane の回答に追加するには、ブラウザー/プラットフォームはフォントをレンダリングするときに互換性の問題を抱える傾向があるため、それらを使用する最善の方法は、次のように複数の形式を提供することです。

@font-face {
    font-family: 'Name of font';
    src: url('font.eot') format('embedded-opentype'); /* IE9 Compat Modes */
    src: url('font.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
     url('font-webfont.woff') format('woff'), /* Modern Browsers */
     url('font.ttf') format('truetype'), /* Safari, Android, iOS */
     url('font-webfont.svg#levenim') format('svg'); /* Legacy iOS */
}
于 2013-03-24T18:45:42.300 に答える
3

フォントのライセンスで Web 埋め込みが許可されている場合は、 を使用しfontsquirrel generatorて必要なすべてのファイルを生成できます。これは古いブラウザーでも機能します。

また、必要なすべての css コードを含む実際の例も示します。

于 2013-03-24T18:44:18.247 に答える