通过CSS将自定义字体添加到Wordpress主题

Question

我正在寻求替换电子商务商店www.inspirebyloui.dk中的标准字体。

不可能在主题中进行操作，因此我希望在源代码中进行操作。但是，我试图浏览各种CSS文件，以查看可以在何处更改此设置。而且我还没有做到。

有人可以通过查看控制台中的资源来向我提供正确的帮助吗？变得很沮丧。

BR 马丁

Answer 1

有一个针对Wordpress网站的简单且便宜的解决方案：UseAnyFont

您可以在一个站点上为一种字体获得一个“精简”（免费）API密钥，如果需要更多字体，这是价格：UseAnyFont API，我已经使用了多年，效果像魅力。

它将任何字体格式转换为兼容的Web格式，您无需费心进行转换或集成。但是，您需要注意，某些字体很复杂，重量可能高达1MB，如果您需要添加几种字体，这是不可接受的，这可能会导致首次访问的时间极高。

或者您可以获取字体的Web格式，.woff或.eot（嵌入式opentype）格式，然后像这样将它们导入到CSS样式表中：

@font-face {
font-family: 'yourfont-300';
font-style: normal;
src: url('/wp-content/yourtheme/yourfont.eot');
src: local('yourfont-300'), url('/wp-content/yourtheme/yourfont.eot') format('embedded-opentype'), url('/wp-content/yourtheme/yourfont.woff') format('woff');
}

然后在您的CSS样式中像这样使用它：

font-family:'yourfont-300';