Question

这是我的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 /可湿性粉剂内容/主题/主题名称/字体

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

我是否必须将Raleway-Regular.ttf重命名为Raleway-Regular.otf url（'fonts / Raleway-Regular.ttf'）格式（'truetype'），

谢谢

Answer 1

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

E.g：

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

Answer 2

尝试从

更改您的网址

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

到

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

并检查字体路径

Answer 3

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

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

3 个答案: