html - 是否可以在本地网站上嵌入字体？

Question

我想在本地网站上嵌入字体。这是我添加到我的 CSS 文件中的内容。

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

.newfont {
font-family: "SpecialFont", Arial, sans-serif;
}

如果我在页面上做这样的事情，字体会变成 Times New Roman。

<div class="newfont">This text should be in SpecialFont.</div>

难道不能在本地网站上嵌入字体吗？还是我做错了什么？它至少需要在 Firefox 和 IE11 中工作。

Answer 1

您需要将字体转换为网页，使用 Font Squirrel，它将生成所有字体和 css 文件:https://www.fontsquirrel.com/tools/webfont-generator