现在我拼命想让@font-face在我的网站上工作。这是我现在正在使用的代码。
@font-face {
font-family: romeral;
src: url(fonts/romeral.otf ) format("opentype");
}
然后......
h1 {
font-size:2.5em;
font-family:romeral;
}
我正在使用字体Romeral。这是指向它的链接：http://www.smashingmagazine.com/2007/02/06/freefont-of-the-week-romeral/
出于某种原因，它不会起作用。它不会在页面上呈现字体。我尝试过使用像Ripe这样的其他字体，但它们都有效。我已经确定我没有任何拼写错误。我想知道的是，是否有一些限制，某些字体用来阻止人们使用@ font-face使用他们的字体。或许我在代码中犯了一个明显的错误。
提前致谢。
答案 0 :(得分：2)
这应该有用（在""中输入姓名）
@font-face {
font-family: "romeral";
src: url("fonts/romeral.otf") format("opentype");
}
答案 1 :(得分：0)
您的浏览器是否支持opentype，您是不是在使用IE？在这种情况下，您需要WEPT字体。
答案 2 :(得分：0)
您可能还需要为其他浏览器生成其他字体格式，而不仅仅依赖于opentype格式。好的教程：Custom fonts using @font-face
答案 3 :(得分：0)
我有一个解决方案。首先，您要做的就是将字体转换为.EOT和.WOFF。然后你可以使用自定义字体..这是一篇工作文章供你参考..
http://blog.totusinfo.com/css-html-custom-fonts-on-web-page/