如何安装自定义本地字体?

时间:2018-12-07 作者:bigpotato

我正在尝试安装一个自定义的本地字体,但它看起来不工作。

风格css:

@font-face {
  font-family: "TTNorms";
  src: url("./fonts/TTNorms.eot");
  src: url("./fonts/TTNorms.eot?#iefix") format("embedded-opentype"),
    url("./fonts/TTNorms.woff2") format("woff2"),
    url("./fonts/TTNorms.woff") format("woff"),
    url("./fonts/TTNorms.ttf") format("truetype"),
    url("./fonts/TTNorms.svg#TTNorms-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
}
我的字体文件夹:

fonts
├── TTNorms-Regular.eot
├── TTNorms-Regular.svg
├── TTNorms-Regular.ttf
├── TTNorms-Regular.woff
├── TTNorms-Regular.woff2
但是,当我尝试设置任何元素的font-family: "TTNorms" 它不起作用。我做错了什么?

1 个回复
SO网友:bshelling

这可能是您从css中引用字体的方式。假设“style.css”和“font”目录位于同一级别,那么您的代码应该可以工作。您是否使用捆绑包(网页包或大口)?任何一个都可以快速解决您的问题。

相关推荐

Using True Type Fonts (ttf)

我在网上找到了一些不错的True Type字体,我想在我的WP博客的特定主题中使用它们来扮演特定角色(例如。,H2 或帖子标题)。如何更改主题以使用这些角色的字体?