шрифт не работает на iPhone - PullRequest
Новая
       69

шрифт не работает на iPhone

0 голосов
/ 30 мая 2018

Я настроил свои шрифтовые лица, как указано в ответе на этот вопрос: Шрифт-лицо не работает на мобильном телефоне

Вот как я его настроил: 

@font-face {
font-family: 'SF Distant Galaxy';
src: url('./files/SFDistantGalaxy.eot');
src: url('./files/SFDistantGalaxy.eot?#iefix') format('embedded-opentype'),
    url('./files/SFDistantGalaxy.woff2') format('woff2'),
    url('./files/SFDistantGalaxy.woff') format('woff'),
    url('./files/SFDistantGalaxy.ttf') format('truetype'),
    url('./files/SFDistantGalaxy.svg#SFDistantGalaxy') format('svg');
font-weight: normal;
font-style: normal;
}

и вот оно используется: 

#title {
font-family: 'SFDistantGalaxy';
letter-spacing: 3.3px;
text-align: center;
color: #f8e71c;
font-size: 95px;
}

Когда я открываю его в браузере, он загружается очень хорошо.Но когда я открываю его на своем телефоне, он показывает Times New Roman.

Вот сайт: http://starwarsplanets.com/

Я хотел бы получить любые отзывы об этом!Спасибо!

1 Ответ

0 голосов
/ 30 мая 2018

Вам необходимо изменить заголовок шрифта css, чтобы он соответствовал шрифту: 

#title {
    font-family: 'SF Distant Galaxy';
    color: #f8e71c;
    font-size: 95px;
    margin: 10px 0 10px 0;
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
}
...