css - @font-face 问题

Question

现在我正在拼命地尝试@font-face在我的网站上工作。这是我现在正在使用的代码。

@font-face {  
font-family: romeral;  
src: url(fonts/romeral.otf ) format("opentype");  
}

接着....

h1 {
font-size:2.5em;
font-family:romeral;
}

出于某种原因，它只是行不通。它不会在页面上呈现字体。我尝试过使用其他字体，如 Ripe，它们可以工作。我已经确定我没有任何拼写错误。我想知道是否存在某些字体用于阻止人们将其字体与@font-face 一起使用的限制。或者也许我在我的代码中犯了一个明显的错误。

提前致谢。

score 2 · Accepted Answer

这应该有效（在中输入名称""）

@font-face {  
font-family: "romeral";  
src: url("fonts/romeral.otf") format("opentype");  
}

score 0 · Accepted Answer

您可能还需要为其他浏览器生成其他字体格式，而不仅仅是依赖于 opentype 格式。很好的教程：使用@font-face 自定义字体

score 0 · Accepted Answer

您的浏览器是否支持opentype，您没有使用IE 是吗？在这种情况下，您需要 WEPT 字体。

score 0 · Accepted Answer

我对此有一个解决方案。首先，您只需将字体转换为 .EOT 和 .WOFF。然后你可以使用你的自定义字体..这是一个供您参考的工作帖子..

4 回答 4