首页 > 解决方案 > 我在 Wordpress 上的自托管字体未加载

问题描述

字体已上传到子主题的目录中,并且样式表被正确调用,但字体文件本身并未根据我的 css 声明应用。我创建了一个 font.css 文件,里面有这段代码。

    @import url("https://fast.fonts.net/lt/1.css?apiType=css&c=aac5a6bc-2331-43a2-9ced-f4fc346c41dd&fontids=5672533");
@font-face{
    font-family: "Alternate Gothic";
    src:url("fonts/ee6f4110-f8b2-468e-a988-889fd8f73ca2.woff2") format("woff2"),url("https://sunnydaykcdev.wpengine.com/wp-content/themes/essence-pro/fonts/d9bf39bd-b8df-4cec-8f40-aa72a922ed70.woff") format("woff");
}

/* 此 CSS 资源包含字体软件的链接,这是 Monotype 和/或其供应商的宝贵版权财产。您不得尝试复制、安装、重新分发、转换、修改或反向工程此字体软件。如有任何关于 Web 字体的问题,请联系 Monotype:https ://www.linotype.com */

stlye.css 和 fonts 文件夹在目录中处于同一级别,所以我很确定我的路径是正确的。如果您有任何提示,请告诉我!

标签: wordpressfontswordpress-themingself-hostingwpengine

解决方案


您指向 URL 属性的路径。尝试将 fonts/ 更改为文件的 url。


推荐阅读