Question

我喜欢认为我知道在涉及font-face和Sass时我正在做什么，但这次不是。

我正在 http://www.fontsquirrel.com/fonts/Theano-Didot 上使用http://tjob.be/。我像往常一样使用了ttf中的fontsquirrel生成器，文件看起来很好。

那么为什么它没有显示正确的字体？

例如，标题为“Tjobbe Andrews是自由摄影师和网页设计师”的标题应该是这种字体，而不是格鲁吉亚。

我正在使用相同的跨浏览器，移动设备和桌面设备。

完全难倒。

相关CSS：

h1, h2, h3, h4, h5, h6 {
  font-family: "theano_didotregular";
  src: url("theanodidot-regular-webfont.eot");
  src: url("theanodidot-regular-webfont.eot?#iefix") format("embedded-opentype"), 
        url("theanodidot-regular-webfont.woff") format("woff"),
        url("theanodidot-regular-webfont.ttf") format("truetype"),
        url("theanodidot-regular-webfont.svg#theano_didotregular") format("svg");
}

相关HTML：

<h2>Tjobbe Andrews is a freelance photographer and web designer</h2>

Answer 1

试试这个：

@font-face {
    font-family: "theano_didotregular";
    src: url("<correctpathofthefile>/theanodidot-regular-webfont.eot");
    src: url("<correctpathofthefile>/theanodidot-regular-webfont.eot?#iefix") format("embedded-opentype"), 
    url("<correctpathofthefile>/theanodidot-regular-webfont.woff") format("woff"),
    url("<correctpathofthefile>/theanodidot-regular-webfont.ttf") format("truetype"),
    url("<correctpathofthefile>/theanodidot-regular-webfont.svg#theano_didotregular") format("svg");
}

h2 {
    font-family: "theano_didotregular";
}

应该有效;）

字体不适用于Sass

1 个答案: