为什么 WordPress 上的字体不起作用？答案

【问题标题】：Why font face on WordPress is not working?为什么 WordPress 上的字体不起作用？
【发布时间】：2013-09-19 14:10:14
【问题描述】：

这是我的 CSS 文件中的 CSS 代码

    @font-face {
    font-family:'Raleway';
    src:url('fonts/Raleway-Regular.eot');
    src:url('fonts/Raleway-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/Raleway-Regular.woff') format('woff'),
        url('fonts/Raleway-Regular.ttf') format('truetype'),
        url('fonts/Raleway-Regular.svg#font-name') format('svg');
    font-weight:normal;
    font-style:normal;
}


@font-face {
    font-family:'Arvo';
    src:url('fonts/Arvo-Regular.eot');
    src:url('fonts/Arvo-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/Arvo-Regular.woff') format('woff'),
        url('fonts/Arvo-Regular.ttf') format('truetype'),
        url('fonts/Arvo-Regular.svg#font-name') format('svg');
    font-weight:normal;
    font-style:normal;
}

我的字体名称是 Arvo-Regular.ttf 和 Raleway-Regular.otf

我已经在我的服务器的这个路径中上传了字体......（字体文件夹）

public_html/wp-content/themes/theme-name/fonts

仍然无法正常工作。我做错了什么？

我是否必须将 Raleway-Regular.ttf 重命名为 Raleway-Regular.otf url('fonts/Raleway-Regular.ttf') 格式('truetype'),

谢谢

【问题讨论】：

标签： wordpress font-face

【解决方案1】：

您现在需要提供正确的路径，路径未定义。

例如：

 src:url('/wp-content/themes/theme-name/fonts/Raleway-Regular.eot');

【讨论】：

【解决方案2】：

尝试更改您的网址

src:url('fonts/Arvo-Regular.eot');

到

src: url('/fonts/Arvo-Regular.eot');

然后检查你的字体路径

【讨论】：

【解决方案3】：

检查您的权限。我修复了它在字体文件夹上设置正确的 chmod。

【讨论】：