Question

我使用了字体，但似乎我在声明中遗漏了一些内容。我应该如何宣布使我的字体有效？我的工作文件夹上有这个字体。

@font-face {
font-family: 'HThin';
src: url("/assets/fontsfontsHelveticaNeue-Thin.otf") format("opentype");}

.header-text{ 
 font-family:'HThin';
 color: white;
 width: 50%;
 height: 50%;
 margin: auto;
 position: absolute;
 top: 0; left: 0; bottom: 0; right: 0; }

Answer 1

您确定字体的路径是否正确？如果字体所在的目录位于.css文件的相同位置，则应写入“../assets/fontsfontsHelveticaNeue-Thin.otf”。请记住@ font-face http://shouldiprefix.com/#font-face

的供应商前缀

Answer 2

您需要使用WebKit字体生成器并使用一组webkit字体在网页上使用。

一个简单的方法是使用： http://www.fontsquirrel.com/tools/webfont-generator

错误的路径字体无法正常工作

2 个答案: