Question

a, h1, h2, h3, div, span td[style] {font-family:'Tahoma2';} !important

@font-face {
font-family: 'Tahoma2'; 
src: url('http://***.com/font.otf') format('otf'),  !important
src: url('http://***.com/font.ttf') format('truetype');   !important
}

我使用提供的自定义CSS工具将CSS附加到网站上的个人资料页面，但是，当我自定义各种内容时，我发现了这个问题。当我输入上面的代码时，所有应该是Tahoma2的文本最终都是Times New Roman，我假设它意味着它无法从url中找到字体（我出于隐私原因隐藏了URL），尤其是当我改变顶线说“Tahoma”时，它将整个页面设置为tahoma。有人请告诉我我的代码中的GLARING错误在哪里，因为我找不到它。（顺便说一句，我知道不应该使用重要的，但我必须在几个地方覆盖源页面的CSS。）

非常感谢任何帮助，

Sleumas

修改

经过一些编辑后，我使用了Damien Overeem提供的解决方案，但是在控制台中，我收到了这条消息（firefox）

可下载字体：不允许下载（font-family：“tahoma2”样式：正常体重：正常拉伸：正常src索引：2）：内容被阻止来源：www.mysite.com/fonts/celestia.ttf

和woff相同

有谁知道为什么？是这个卫生处理，或我托管的问题，它在我自己的私人apache服务器上，就像在/ var / www / fonts目录中的文件

请帮忙！

Answer 1

（我通常会将此作为评论发布，但由于评论标记会搞砸，我必须将其作为答案发布）

下面的代码片段通常用于包含字体（不同浏览器的不同类型）。也许这可以帮到你。

@font-face {
    font-family: 'Tahoma2';
    src: url('../fonts/Tahoma2-webfont.eot');
    src: url('../fonts/Tahoma2-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Tahoma2-webfont.woff') format('woff'),
         url('../fonts/Tahoma2-webfont.ttf') format('truetype'),
         url('../fonts/Tahoma2-webfont.svg#tahoma2') format('svg');
    font-weight: normal;
    font-style: normal;
}

CSS设置自定义字体

1 个答案: