Question

我有一个HTML，它对大多数文本使用Helvetica Neue字体。

font-family: 'Helvetica Neue', Helvetica, Arial, Calibri, sans-serif; 
<font color="#ffffff" face="'Helvetica Neue Medium','Helvetica Neue', Helvetica, Arial, sans-serif">Sample text</font>

使用Fount我可以看到文本实际上是使用Helvetica Neue Medium编写的。

我的问题是css / html在哪里寻找这个字体？我检查了我的/ Windows / Fonts文件夹，那里没有Helvetica字体。

Answer 1

CSS将查找字体目录中安装的字体。

我们可以使用 @ font-face 规则配置字体

@font-face {
  font-family: MyHelvetica;
  src: local("Helvetica Neue Medium"),
   local("HelveticaNeue-Medium"),
   url(HelveticaNeueMedium.ttf);
  font-weight: bold;
}

ref https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face

CSS在哪里寻找字体？

1 个答案: