时间戳

首页 > 解决方案 > 刷新页面后加载自定义字体时，其他字体类型正在显示

javascript - 刷新页面后加载自定义字体时，其他字体类型正在显示

问题描述

我将页面标题字体更改为自定义字体。当我刷新页面时，尤其是在 IE 上，我会暂时看到其他字体类型，然后加载我的自定义字体。如何更改它以仅显示正确的字体类型？（这看起来真的很糟糕）。

@font-face {font-family: "ISOCT3"; 
src: url("https://example_page.com/ISOCT3/6d585d4b2c76dabcf084d51d2e9c87e1.eot"); 
src: url("https://example_page.com/ISOCT3/6d585d4b2c76dabcf084d51d2e9c87e1_2.eot?#iefix") format("embedded-opentype"), 
url("https://example_page.com/ISOCT3/6d585d4b2c76dabcf084d51d2e9c87e1.woff2") format("woff2"), 
url("https://example_page.com/ISOCT3/6d585d4b2c76dabcf084d51d2e9c87e1_2.woff") format("woff"), 
url("https://example_page.com/ISOCT3/6d585d4b2c76dabcf084d51d2e9c87e1.ttf") format("truetype"), 
url("https://db.onlinewebfonts.com/t/6d585d4b2c76dabcf084d51d2e9c87e1.svg#ISOCT3") format("svg"); }

#header .header_logo {
    font-family: ISOCT3;
    font-size: 38px;
    font-weight: bolder;
    margin: auto;
    padding-top: 28px;
    padding-bottom: 20px;
    max-width: 80%;
    color: #b8860b;
    text-align: center;
    letter-spacing: 3px;
    padding: 8px 0;
    float: center;
}

<div class="header_logo">
                <a href="https://example_page.com/" style="text-decoration: none;">
                PAGE NAME
                </a>
            </div>

标签： javascriptphpjqueryhtmlcss

解决方案

推荐阅读