尝试使用css字体显示优化wordpress页面

Question

我正在使用WordPress和altervista如何撰写域名博客。我的问题是如何在页面加载后立即显示文本？我已经尝试过了，但是因为Altervista看到它是一个错误，所以它不起作用。非常感谢您的回答。

@font-face {  
   font-display: auto;
}

Answer 1

我的建议是将字体上传到您的网站，并从CSS链接到它们。您可以使用Font Squirrel的免费Webfont Generator获取所需字体的所有现代版本。这将确保跨浏览器可见。

Answer 2

如果您正在修复 Flash of Invisible Text (FOIT) 并尝试将 display=swap 添加到 Google 字体，请将此代码添加到您子主题的 functions.php 文件中。

// Add display=swap to every font call to google
function add_swap_to_fonts_from_google_etc( $html ) {
    if ( TRUE == strpos( $html, 'https://fonts.googleapis.com/css?family' ) ){
        return str_replace( 'https://fonts.googleapis.com/css?', 'https://fonts.googleapis.com/css?display=swap&', $html );
    }
    return $html;
}
add_filter( 'style_loader_tag', 'add_swap_to_fonts_from_google_etc', 10 );