CSS 中的@font-face 无法识别“src”答案

【问题标题】：@font-face in CSS not recognizing "src"CSS 中的@font-face 无法识别“src”
【发布时间】：2014-06-07 01:06:13
【问题描述】：

我正在尝试引入自定义字体并在课程中使用它，但 @font-face 没有按预期工作。由于某种原因，命令“src”根本不被识别为标识符。代码如下：

.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。否则我无法找到此错误，因此如果它已经解决，我深表歉意。感谢您的帮助！

更新：感谢您到目前为止的帮助！我尝试了您的两种解决方案均无济于事，不幸的是它仍然没有将“src”视为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;
}

【问题讨论】：

CSS3111 消息本质上是非常通用的（在 SO 或 Google 上使用 CSS3111 搜索以查看许多不同的案例）。例如，它可能与字体的使用权限有关。这与识别src关键字无关； Notepad++ 用它做什么是无关紧要的。
对，我理解notepad++ 认为与它实际工作无关的内容，我只是用它所说的来表明我认为问题所在。这是我工作的人专门为此目的创建的字体，所以我不认为这是一个权利问题。但这值得一试，我会调查一下，谢谢。

标签： css font-face

【解决方案1】：

试试这个：

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

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

【讨论】：

【解决方案2】：

我尝试使用这种nevis 字体并工作。我的代码是

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

【讨论】：

【解决方案3】：

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

【讨论】：