我下载了一个名为 Roboto-Thin.ttf 的字体,我引用了它
<link rel="preload" href="Roboto-Thin.ttf" type="font/ttf" as="font" />
成功了,因为在 DevTools 的“网络”选项卡上,我看到了向服务器请求的文件,并且服务器成功地向客户端响应了 .ttf 文件。
现在我尝试这样使用:
<font face="Roboto-Thin">[Some text]</font>
和 <font face="roboto">[Some text]</font>
,但文本似乎是默认的 Arial 或 Calibri 或 TimesNewRoman(或任何默认的)。确定不是Roboto。但是,如果我尝试将已弃用的标签与 Windows 字体一起使用:“face=verdana”,它会起作用。因此,如果 .ttf 文件加载成功并且 HTML 标记可用,即使它已被弃用,我不知道为什么它不起作用。我想提一下我想故意用 HTML 标签来做这个,所以如果你用任何其他方法回答它对我没有帮助。