如何在 WordPress 中添加新字体？答案

【问题标题】：How to add a new font to WordPress?如何在 WordPress 中添加新字体？
【发布时间】：2022-06-10 18:18:16
【问题描述】：

我想在网站上使用特定字体。我不想使用任何类型的插件，而且我想要的字体，我不觉得可以通过链接免费添加，所以我决定使用@font-face 方法

1 - 我将以下代码添加到 styles.css 文件中：

@font-face {
    font-family: university-roman;
    src: url(https://myWebsite.com/wp-content/themes/my-Theme/fonts/university-roman.otf);
    font-weight: normal;
}

2 - 我在我的目录的以下路径中创建了字体文件夹：

wp-content/themes/my-Theme/fonts/university-roman.otf

3 - 我已经添加了与要添加新字体的文本相对应的 css：

.site-title-main {
font-family: "university-roman", Arial, sans-serif;
}

但文本不显示大学字体。

我做错了什么？

我怎样才能使新字体工作？

我希望我已经描述了我无法解决的问题。

谢谢

【问题讨论】：

如果您使用inspect元素并进入控制台，是否存在与未找到字体相关的错误？
文件夹“my-Theme”在哪里进入？
不，控制台没有显示错误 MattHamer5 ，抱歉@AHaworth，我已经更正了问题
在@font-face 中为"university-roman" 添加逗号。 URL 也显示my-Them，但我认为您只是添加了例如代码。在src 中尝试使用路径而不是 url。为该字体尝试ttf 文件。
我已经按照你的建议添加了“逗号”，但它不起作用，@MuhammadZohaid

标签： css wordpress fonts

【解决方案1】：

在您的@font-face css 声明中。您的路径中缺少 e /my-Them/ 应该是 /my-Theme/ 不是吗？

【讨论】：