Остановите мой веб-сайт от перехода по умолчанию на шрифт Times New Roman для предварительного полного рендеринга

#css #fonts #font-face #font-family

Вопрос:

 @font-face {
    font-family: 'helvetica_ce_35_thinregular';
    src: 
         url('Font/helvetica_neue_ce_35_thin-webfont.woff2') format('woff2'),
         url('Font/helvetica_neue_ce_35_thin-webfont.woff') format('woff');
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    font-display: swap;
}

html, body {
    margin: 0 auto;
    color: white;
    letter-spacing: 1px;
    font-family: "helvetica_ce_35_thinregular", Helvetica, sans-serif;
    background-color: #242529;
}
 

Итак, я пытаюсь загрузить Helvetica, в то время как мой пользовательский шрифт загружается, чтобы он не отображался как загрузочный шрифт yucky Times New Roman.

Я пробовал с и без, font-display а также font-display: swap fallback и до сих пор безуспешно!

Кроме того, я использовал: <link rel="preload" as="font" href="path/to/font" type="font/woff2" crossorigin="anonymous">

Комментарии:

1. Удалять , Helvetica

2. Он все равно должен отображаться как Helvetica, но, возможно, просто добавьте еще несколько резервных вариантов (arial обычно является хорошей, универсальной ставкой). В противном случае вы можете загрузить его через window.fonts, а затем отобразить страницу или дождаться window.load, который должен включать все загруженные ресурсы перед отображением страницы.

3. 1. Удаление , Helvetica не помогло. 2. Добавление , Ariel тоже не помогло :/ re: Используя window.fonts , я стараюсь использовать как можно меньше JS!