如何修复.woff网络字体以显示在我们的网站上?

时间:2019-02-07 18:42:29

标签: css font-face webfonts

我已将Webfonts(.woff)添加到我的网站,但未显示。我的CCS代码在下面,我正在尝试将其加载到所有标题和导航菜单的https://electratherm.com/中。我用过引号,没有引号,但无济于事。有什么建议吗?

/* FONTS */

@font-face {
    font-family: "diwa";
    src: url("https://electratherm.com/wp-content/themes/Impreza-child/fontsfonts/AFDiwa.WOFF") format('woff');
}

@font-face {
    font-family: "diwa";
    src: url("https://electratherm.com/wp-content/themes/Impreza-child/fontsfonts/AFDiwa-Bold.WOFF") format('woff');
    font-weight: bold;
}

@font-face {
    font-family: "diwa";
    src: url("https://electratherm.com/wp-content/themes/Impreza-child/fontsfonts/AFDiwa-BoldItalic.WOFF") format('woff');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: "diwa";
    src: url("https://electratherm.com/wp-content/themes/Impreza-child/fontsfonts/AFDiwa-Italic.WOFF") format('woff');
    font-style: italic;
}

h1, h2, h3, h4, h5, h6 {
     font-family: "diwa", Tahoma, Geneva, sans-serif !important;
}

.ush_menu_1 {
    font-family: "diwa", Tahoma, Geneva, sans-serif !important;
    font-weight: 400;
}

我已经清除了浏览器缓存和CDN缓存,这就是AFDiwa的样子:https://www.myfonts.com/fonts/fw-acme/af-diwa/

0 个答案:

没有答案