WP OnePress 自定义字体

Question

我正在尝试将 "not included" 字体设置为 OnePress 模板。我尝试了插件等，但它不起作用。与 CSS 相同。例如，我使用了这个：


     @import url("https://use.typekit.net/zni3ajm.css");

    body, body p { 
        font-family: century-gothic,    sans-serif;
        font-weight: 400;
        font-style: normal;
     } 
     #page .site-branding .site-title, #page .site-branding .site-text-logo { 
        font-family: century-gothic,    sans-serif;
        font-weight: 400;
        font-style: normal;
     } 
     #page .site-branding .site-description { 
        font-family: century-gothic,    sans-serif;
        font-weight: 400;
        font-style: normal;
     } 
     .onepress-menu a { 
        font-family: century-gothic,    sans-serif;
        font-weight: 400;
        font-style: normal;
     } 
     .hero__content .hero-large-text, .hero__content .hcl2-content h1, .hero__content .hcl2-content h2, .hero__content .hcl2-content h3 { 
        font-family: century-gothic,    sans-serif;
        font-weight: 400;
        font-style: normal;
     } 
     body h1, body h2, body h3, body h4, body h5, body h6,
        .entry-header .entry-title,
        body .section-title-area .section-title, body .section-title-area .section-subtitle, body .hero-content-style1 h2 { 
        font-family: century-gothic,    sans-serif;
        font-weight: 400;
        font-style: normal;
     }

但它只改变了导航栏文本，没有其他改变。

最奇怪的部分是：https://ctrlv.cz/VnU7 如果我输入 CSS 编辑，它就会起作用。但后来我点击发布，在原始页面上只更新了导航栏。有人可以帮助我吗？

顺便说一句，我正在从 adobe creative cloud 导入。

编辑：我尝试了一种不同的字体并且它有效！这怎么可能？我能以某种方式修复它吗？

Answer 1

使用@font-face 并直接在样式文件中导入字体

例如

@font-face {
font-family:"century-gothic";
src:url("https://use.typekit.net/af/afc5c6/00000000000000003b9b1f23/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/afc5c6/00000000000000003b9b1f23/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/afc5c6/00000000000000003b9b1f23/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:400;
}

然后在你的代码中使用它：

body, body p { 
        font-family: century-gothic;
     }

WP OnePress 自定义字体

WP OnePress custom font

css

wordpress

fonts

webfonts