Question

我正在尝试引入自定义字体并在类中使用它，但@ font-face未按预期工作。命令＆＃34; src＆＃34;由于某种原因，它根本不被识别为标识符。这是代码：

.font
{
font-family: 'nevis';
}

@font-face
{
font-family: 'nevis';
src: url(nevis.ttf);
}

nevis.ttf与html和css位于同一个文件夹中。
在notepad ++中，它说src是一个未知的标识符，在IE10控制台中，它显示为：

CSS3111：@ font-face遇到未知错误。
nevis.ttf

我尝试将字体文件名称放在引号中，字体系列名称没有引号，它只是不识别src。否则我无法找到此错误，所以如果已经解决，我会道歉。谢谢你的帮助！

更新：感谢您的帮助到目前为止！我试过你的两个解决方案都没有用，不幸的是它仍然没有看到＆＃34; src＆＃34;作为css标识符。由于这是一个全新的非常小的页面，我只是粘贴整个页面，虽然我不认为有任何明显的错误，如线未结束或未正确关闭。

.font
{
font-family: 'nevis';
}

#titlediv
{
    font-size:40px;
    background-color:red;
    height: 50px;
}

@font-face 
{
    font-family:"nevis";
    src: url("nevis.ttf") format("truetype");
    font-weight:normal;
    font-style:normal;
}

Answer 1

试试这个：

@font-face 
{
    font-family:"nevis";
    src:url("nevis.ttf") format("truetype");
    font-weight:normal;
    font-style:normal;
}

.font
{
    font-family: 'nevis';
}

Answer 2

我试过这个nevis字体并且工作了。我的代码是

@font-face { font-family: nevis; src: url('fonts/nevis/nevis.ttf'); } 
h1
{
  font-family: nevis;
}

Answer 3

原因是ttf格式因某些奇怪的原因而不支持，仍然未知。但是将它转换为.eot并在源代码中添加它来修复它！

CSS中的@ font-face无法识别＆＃34; src＆＃34;

3 个答案: