Question

我正在使用font-family来创建代码栏，但到目前为止它还没有运行。这是代码：

CSS

@font-face {
    font-family: I2of5nt;
    src: url('I2of5nt.ttf');
}
#codeB{
    font-family: I2of5nt;
}

HTML

<div id="codeB">
    1231
</div>

为什么它不会将字体类型应用于<div id="codeB">1231</div>？

Answer 1

    http://www.font2web.com/ 

 @font-face {
font-family: "I2of5nt";

 src: url('I2of5nt.eot?#iefix') format('embedded-opentype'),
        url('FI2of5nt.eot'),
     url('I2of5nt.woff') format('woff'), 
     url('I2of5nt.ttf')  format('truetype'),
     url('I2of5nt.svg#svgFontName') format('svg');
}

然后转换字体以dis格式安排。它适用于所有浏览器

Answer 2

可能是由错误的字体引起的，或者您的浏览器不支持字体的TTF格式（我不这么认为）。尝试convert到 WOFF 并使用它代替TTF。

此处示例：http://fonts.googleapis.com/css?family=Lato

TTF / OTF浏览器支持：http://caniuse.com/ttf

Answer 3

您可以尝试添加format('truetype')，如下所示吗？

<style>
@font-face {
    font-family: I2of5nt;
    src: url('I2of5nt.ttf') format('truetype');
}
#codeB{
    font-family: I2of5nt;
}
</style>

CSS：truetype字体不起作用

3 个答案: