字体导入不再有效?

时间:2013-05-21 08:33:17

标签: html css

我得到的代码通常有效,但突然之间没有,我想念的东西看到别人看到那个错了?

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

对此进行编码后,我在div中输入了html:font-family:'OCR A Extended';,如下所示:<div id="left" style="padding-left:90px; margin-top:-67px; color:#ffffff; font-family:'OCR A Extended';">。 键入:“font-family”时,可以添加字体:OCR A Extended。 CSS与网页链接,所以在我看来,我认为没有任何错误..

有人有个主意吗?

谢谢!

2 个答案:

答案 0 :(得分:3)

您应该在CSS中调用字体的名称在@font-face声明中定义font-family。您需要使用该名称完全引用它:

font-family: 'OCRAExtendedRegular';

documentation描述font-family@font-face中的工作原理:它会创建一个可用于引用字体的任意名称。

答案 1 :(得分:3)

使用此

font-family: 'OCRAExtendedRegular';

而不是

font-family:'OCR A Extended';

这将有效,请确保您提供的路径正确