我正在尝试将本地字体添加到我正在测试的网站。它被称为" AcrosstheRoad.ttf"并且可以在我的assets / fonts /文件夹中找到。我正在做以下尝试将其读入CSS文件:
@font-face {
font-family: 'AcrosstheRoad';
src: url('assets/fonts/AcrosstheRoad.ttf') format('truetype');
}
我想将它用作某种标题类型,所以我正在使用
h3{
font-family: 'AcrosstheRoad';
color: #333;
}
但不幸的是字体没有加载。有人知道我做错了吗?
谢谢! 克里斯蒂娜
答案 0 :(得分:4)
首先在assets
之前添加斜杠:
(('/assets/fonts/AcrosstheRoad.ttf'))
这可能是也可能不是问题,具体取决于CSS文件的位置以及网站的结构。
如果以上操作无效,请将字体转换为.woff2
和.woff
(尝试使用此字段:http://www.fontsquirrel.com/tools/webfont-generator)。这背后的原因是有些浏览器非常挑剔。将您的CSS更改为:
@font-face {
font-family: 'AcrosstheRoad';
src: url('/assets/fonts/AcrosstheRoad.woff2') format('woff2'),
url('/assets/fonts/AcrosstheRoad.woff') format('woff');,
url('/assets/fonts/AcrosstheRoad.ttf') format('truetype');
}