如何使用外部字体在CSS？(How to use external font in CSS?)

我有一个使用的字体Tarminis HTML页面。 该字体安装在我的Windows字体文件夹。 所以，如果我打开网页的Chrome如预期呈现页面。 不过，如果我打开页面，Firefox浏览器不正确编码。

所有的数据在这里： https://dl.dropbox.com/u/72276354/snowbank.zip

不知怎的，火狐（也歌剧）不能编码文本INT括号。 所以我要做的就是把这个字体在同一个文件夹我的网页，并从那里加载它。 我一直在尝试使用CSS @font-face的功能，但没有运气。

所以，我怎么能强迫我的网页使用的字体Tarminis外部，而不是系统字体？

Answer 1:

它应该是那样简单

@font-face {
        font-family: "Name of your font";
        src: url(name-of-font.tff);
}
* {
    font-family: "Name of your font";
}

Answer 2:

如果字体的许可证允许Web嵌入，您可以使用fontsquirrel generator来产生所有这些工作也为旧的浏览器所必需的文件。

它也为您提供了所有必要的CSS代码工作的例子。

Answer 3:

要追加到什么赞恩回答，浏览器/平台倾向于渲染字体时有兼容性问题，所以使用它们的最好方法是提供多种格式，例如：

@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 */
}

文章来源: How to use external font in CSS?