如果你拥有使用web字体的权利,取原TTF或OTF字体和渲染全套here at FontSquirrel。不同的浏览器喜欢不同的字体类型,旧版浏览器是最挑剔的。
然后将字体添加到样式表的顶部,以便在您看到FOUT“无风格文本的Flash”时首先加载它,甚至在样式表内嵌入之前加载该字体。 More info here但基本上你希望在你的html开始加载之前加载并准备好字体。
然后加载您的字体是这样的:
@font-face {
font-family: 'GT Walsheim Pro Medium Oblique';
src: url('GT-Walsheim-Pro-Medium-Oblique.eot');
src: url('GT-Walsheim-Pro-Medium-Oblique.eot?#iefix&v=4.6.3') format('embedded-opentype'),
url('GT-Walsheim-Pro-Medium-Oblique.woff2') format('woff2'),
url('GT-Walsheim-Pro-Medium-Oblique.woff') format('woff'),
url('GT-Walsheim-Pro-Medium-Oblique.ttf') format('truetype'),
url('GT-Walsheim-Pro-Medium-Oblique.svg') format('svg');
font-weight: normal;
font-style: normal;
}
字体松鼠会为你输出上面的代码,当你渲染字体包那里。
呼叫在你的CSS这样的字体,我用您的H职称为例,确保始终有字体回退的情况下,它的错误或者不加载由于某种原因:
h1, h2, h3, h4, h5, h6 {
font-family: 'GT Walsheim Pro Medium Oblique', arial, sans-serif;
}
[如何将一些非标准字体添加到网站?](https://stackoverflow.com/questions/107936/how-to-add-some-non-standard-font-to-a -website) – Steve
对,即时通讯只是不知道把@fontface放在我已经拥有的东西的哪里......它到底在哪里 - 完全是? – guyintightpants
通常位于CSS文件的顶部。 – Steve