#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!