0

我下载了免费字体并将 .ttf 文件放在本地服务器上的文件夹中。但是，我似乎无法让字体真正起作用。这是我在网上找到的用于应用外部字体的代码：

    @font-face {
    font-family: simplifica;
    src: url(fonts/simplifica.ttf) format('truetype');
}

    .header {
  font-family: simplifica;
  background-color: #f1f1f1;
  padding: 30px;
  text-align: center;
}

为了澄清，我确实更改了文件名，因为我在某处读到大写字母可能会导致 IE 等浏览器出现意外问题。原始文件名为“SIMPLIFICA Typeface.tff”。

另外，我正在使用括号文本编辑器，它是“实时预览”功能。

4

2 回答 2

1

尝试导入其他字体格式，如 woff 和 eot 并尝试此代码

@font-face {
font-family: simplifica;
src: url(fonts/simplifica.eot?#iefix) format('embedded-opentype'),
   url(fonts/simplifica.woff) format('woff'),
   url(fonts/simplifica.ttf) format('truetype');
}

如果字体文件夹与包含 css 文件的 css 文件夹位于同一位置，请将“fonts/”替换为“../fonts/”

于 2018-08-01T15:24:24.513 回答
1

如果您没有其他格式，请尝试使用https://www.fontsquirrel.com/tools/webfont-generator转换此字体

于 2018-08-01T15:25:18.917 回答