在非托管的WordPress博客上使用特殊字体

时间：2014-08-14 作者：Clemzd

我想使用我从webtype支付的字体。com在我的wordpress博客上。我没有自己的博客，所以我不能更改主php文件中的任何内容作为函数。php或添加任何插件。因此，我找到的唯一解决方案是在css自定义文件中添加此内容：

@font-face {
 font-family: "Scout Normal";
 src: url("http://the/url/of/the/file") format("woff");
 font-style: normal;
 font-weight: normal;
}
.block p {
 font-family: "Scout Normal";
}
问题是每次我保存文件时，Wordpress都会在加载字体时删除url，这意味着

src: url("http://the/url/of/the/file") format("woff");
成为

src: format("woff");
这是一个screenshot 向您展示我在何处添加这些css规则。

你有什么想法来强制加载字体，或者其他想法来加载它？谢谢你的帮助。

1 个回复
SO网友:benlevywebdesign

@克莱姆兹德

首先是你@font-face css缺少字体在所有浏览器和平台上正常工作所需的几行代码。

您的中只有一个src url@font-face css。

看看我的@font-face css是编写的。我的字体文件位于一个名为“字体”的文件夹中，该文件夹位于我的子主题文件夹中，我在服务器上安装了WP。

@font-face {
font-family: Antenna-Regular;
src: url(\'/fonts/Antenna-Regular.eot\');
src: url(\'/fonts/Antenna-Regular.eot?#iefix\') format(\'embedded-opentype\'),
     url(\'/fonts/Antenna-Regular.woff\') format(\'woff\'),
     url(\'/fonts/Antenna-Regular.otf\') format(\'truetype\'),
     url(\'/fonts/Antenna-Regular.svg#Antenna-Regular\') format(\'svg\');
font-weight: normal;
font-style: normal;
}
如果您本地有字体文件，为什么不在子主题中创建一个名为“字体”的新文件夹，并将所需的文件放在其中呢。然后@font-face css看起来和我的相似。

如果字体位于webtype上。com，它们为您提供了使用@import url(http://link_to_font); 功能，请试用。只需将这行代码放在css样式表顶部附近即可。那就用吧font-family: nameoffont; 无论您想在css中的什么位置。

结束
标签： css   小码农  

相关推荐

How to escape custom css?

我正在创建一个WordPress主题，允许用户从主题选项中添加一些自定义css。然后，此css代码将直接在页面的头部部分得到回应，代码如下：add_action(\'wp_head\', \'theme_dynamic_css\'); function theme_dynamic_css(){ global $my_theme_options; $custom_css = \'\'; if (isset($my_theme_options[\'custom-cs