При загрузке пользовательского шрифта после обновления sh страницы другой тип шрифта отображается

Question

Я изменил шрифт заголовка страницы на собственный шрифт. Когда я обновляю sh страницу, особенно на 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>