2010-03-21 39 views
0

现在我正在拼命想让@font-face在我的网站上工作。这是我现在使用的代码。@ 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/

由于某种原因,它只是不会工作。它不会在页面上呈现字体。我试过使用其他字体,如成熟,他们的工作。我确定我没有任何拼写错误。我想知道的是,是否有一些字体限制使用它来阻止人们使用@ font-face的字体。或者,也许我在代码中犯了一个明显的错误。

在此先感谢。

回答

2

这应该工作(输入""名称)

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

如果不行请确保您的URL路径是正确的。 – kylex 2010-03-21 23:07:17

+0

ack!...我走错了路。出于某种原因,我以为我是从主文件夹链接它,但我应该从css文件夹链接它。我只是在网址的开头添加了“../”,它的工作原理...... Crazy me – codedude 2010-03-22 00:58:52

+0

在这种情况下,'“...”'不重要(它们只在名称中使用空格时有所不同)。 – 2010-03-22 02:11:56

0

请问您的浏览器支持OpenType字体,你不使用IE浏览器是你吗?在这种情况下,您需要WEPT字体。

+0

我使用Firefox。 – codedude 2010-03-22 00:55:41