字体面孔CSS自定义字体的问题

Question

我遇到一个无法使用@font-face CSS自定义URL来处理wordpress主题的问题。这是我的设置：

如果可以，为什么字体不起作用，我是否进行了纠正？

Answer 1

如果您的站点在HTTPS上运行，则必须确保字体也是如此。否则，它将被视为安全风险，然后将其阻止（有关此类消息，请参阅浏览器中的开发人员控制台（按F12键）。

Answer 2

添加到网页的顶部

<link href="http://db.onlinewebfonts.com/c/73e731edac53f3db38b78336dff84fb2?family=Graphik+Web+Extralight" rel="stylesheet" type="text/css"/>

或者使用@import CSS指令，将以下行添加到您的CSS文件中

@import url(http://db.onlinewebfonts.com/c/73e731edac53f3db38b78336dff84fb2?family=Graphik+Web+Extralight);

并在需要的地方写此字体。

font-family: "Graphik Web Extralight";