Question

由于某些原因，我的@ font-face无效。

@font-face{
font-family: "Manteka";
src: url('../fonts/manteka.ttf');}

我正在尝试将它用于我的导航链接

#nav a {
font-family: "Manteka", Verdana, Tahoma;}

快速文件夹布局

我的CSS文件位于'www'内的'css'文件夹中索引文件位于'www' 字体文件位于'www'

内的'fonts'文件夹内

Answer 1

从其他来源下载文件并使用此

@font-face { /* The manteka Font, use it by call font-family directly */
            font-family: 'manteka';
            src: url('../fonts/manteka.eot'); /* For IE */
            src: url('../fonts/manteka.ttf') format('truetype'), /* For Chrome and Safari */
                 url('../fonts/manteka.woff') format('woff'); /* For FireFox */}

现在工作正常，感谢您的帮助

Answer 2

您是否尝试添加格式（＆＃39; truetype＆＃39;）

@font-face{
font-family: "Manteka";
src: url('../fonts/manteka.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}

另外，请尝试删除用法的引号：

#nav a {
font-family: Manteka, Verdana, Tahoma;}

@ font-face未应用，未加载

2 个答案: