我无法在我的 wordpress 网站上使用 @font-face 支持答案

【问题标题】：I'm unable to use @font-face Support on my wordpress site我无法在我的 wordpress 网站上使用 @font-face 支持
【发布时间】：2016-09-18 02:42:37
【问题描述】：

/*
@font - face {
    font - family: 'MVFaseyha';
    src: url('http://www.mvyouth.mv/live/wp-content/themes/mvyouth_2013/stylesheets/fonts/MVFaseyha.otf') format('truetype');
    font - weight: normal;
    font - style: normal;
} */

这是我用来嵌入字体的代码。我正在使用 Dhivehi 语言（马尔代夫）字体，我猜它包括 unicode chars*。我对 CSS 等了解不多。

【问题讨论】：

标签： css wordpress font-face

【解决方案1】：

我猜问题出在 src 路径上。这取决于您的字体文件夹所在的位置，但如果您的 @font-face 语句在您的 css 文件中也位于样式表中，它可能应该类似于 src: url(../fonts/MVFaseyha.otf')。

【讨论】：

【解决方案2】：

FF（可能还有其他浏览器）阻止从不同域加载字体文件。

详情请看这个答案：CSS @font-face absolute URL from external domain: fonts not loading in firefox

您可以随时下载所需的字体文件并在本地加载它们。只需在您的 font-face 调用中点击 url，它就会下载。

【讨论】：

【解决方案3】：

一个完整的教程，特别是关于图标字体，但基本方法相同：http://gomakethings.com/icon-fonts/

【讨论】：