如何将字体安装到 Wordpress 网站?

Posted

技术标签:

【中文标题】如何将字体安装到 Wordpress 网站?【英文标题】:How do you install fonts to a Wordpress site? 【发布时间】:2012-07-28 12:16:04 【问题描述】:

我正在制作一个音乐博客,我希望能够在我的 Wordpress 网站上使用 BebasNeueRegular。显然,考虑到goldenscissors 在他们的网站上这样做是可能的(侧面小部件的标题和帖子的标题都使用 BebasNeueRegular)。

我对此进行了 Google 搜索,只找到了如何将 Google Web Fonts 安装到 Wordpress,但 BebasNeueRegular 不是 Google Web Font。有什么帮助吗?

附:你可以下载字体here。

【问题讨论】:

leonbloy 下面有正确的答案,但我要提醒您,使用自定义字体很容易过火。保持克制。 【参考方案1】:

了解font-face。

在您的示例中,您可以自己在 style.css 中看到这个片段:

@font-face 
    font-family: 'BebasNeueRegular';
    src: url('fonts/BebasNeue-webfont.eot');
    src: url('fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/BebasNeue-webfont.woff') format('woff'),
         url('fonts/BebasNeue-webfont.ttf') format('truetype'),
         url('fonts/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');


【讨论】:

我读过,但还是有点困惑。在那个下载页面(以及我找到的所有其他页面)上,如果文件只有一个 otf,而不是 eot、woff、tff 等。我试图查看是否可以从我的示例中下载文件,但也许我是做错事。示例:我尝试去goldenscissors.info/fonts/BebasNeue-webfont.eot,但没有找到。 jas7467...您可以使用此工具将字体转换为必要的格式:fontsquirrel.com/fontface/generator

以上是关于如何将字体安装到 Wordpress 网站?的主要内容,如果未能解决你的问题,请参考以下文章

如何修改WordPress网站默认登录地址wp-admin

如何在wordpress中结合所有css文件的各种插件

托管从开发到生产的wordpress网站

Lucida 书法字体在 android chrome 中无法使用 wordpress 网站

将 Google Web 字体用于自定义 WordPress 主题

如何在整个 wordpress 网站(包括 woocommerce)上强制使用字体