Question

我想这是一个常见的问题，但在阅读了几个主题后，我无法解决这个问题。所以：

我正在开发一个网站，目前正在我的本地机器上使用它（没有任何网络服务器，只有我的IDE）。我的文件夹结构如下所示：

|
|
 ---fonts
|    |
|     ---Raleway-Regular.ttf
|
 ----css
|    |
|     ---default.css
|
 --- main.html

我在我的css文件中包含了这样的字体：

@font-face {
font-family: Raleway, sans-serif;
src: url("../fonts/Raleway-Regular.ttf") format("truetype");
}

@font-face {
font-family: Raleway, sans-serif;
font-weight: bold;
src: url("../fonts/Raleway-Bold.ttf") format("truetype");
}

在我班上使用它们：

.l-menu-group {
display: inline-block;
float: right;
height: 100%;
margin-right: 40px;
color: #505050;
font-family: Raleway, sans-serif;
text-transform: uppercase;
}

我正在使用Opera并且网络/浏览器控制台没有报告任何错误（没有404等），也访问localhost：port / Project / fonts / Raleway-Regular.ttf导致下载字体并因此工作。我已经清空了缓存，一切都没有成功。

修改：只使用Google字体链接完成了这项工作，但我仍然希望将所有文件都放在服务器本地。

非常感谢任何帮助：）

Answer 1

使用@font-face指定字体时，您的font-family描述符必须仅字体名称，如下所示：

font-family: "Raleway";

而你已经包含sans-serif，这是无效的。

尽管没有报告错误，但CSS文件中的@ Font-face无法正常工作

1 个答案: