Question

我正在尝试使用从网上下载的.ttf文件，使用'anagram.ttf'作为我的font-family。

<html>
<head>
    <style>
    @font-face {font-family: 'Anagram'; src: url('anagram.ttf');}
    p{font-family:anagram;}
    </style>
</head>
<body>
    <p>This is paragraph one.</p>
    <p>This is paragraph two.</p>
</body>
</html>

但是，最后我的浏览器显示为：

Rendered fonts: Times New Roman—22 glyphs

还在控制台中显示警告：

Failed to decode downloaded font: file:///C:/codebook/external%20fonts/anagram.ttf

我的语法错误还是其他任何问题？

Answer 1

请对您的代码进行此更改，以便它可以了解它的文件格式类型。

@font-face {
  font-family: 'Anagram';
  src: url('anagram.ttf')  format('truetype');
}

Answer 2

这样做或者在引用字体时可能会出现一些错误..

或者可能存在url问题..

@font-face {
    font-family: 'Anagram';
    src: url('anagram.ttf) format('truetype');
}

div {
    font-family: Anagram;
}

将TTF文件用于font-family

2 个答案: