toxic-toster
@toxic-toster

Не подключаются шрифты с папки сайта. Что я делаю не так?

Как я подключаю шрифт:
У меня есть папка font, в которой находятся 3 файла шрифта
RIhhSAQTNQg.jpg

Далее я пишу в начале css этот код:
@font-face {
  font-family: "a_Futurica";
  src: url('/assets/font/a_Futurica.ttf')
}

@font-face {
  font-family:"Palatino Linotype";
  src: url('/assets/font/Palatino_Linotype.ttf')
}


@font-face {
  font-family: "a_FuturicaBs Light";
  src: url('/assets/font/a_FuturicaBs_Light.ttf')
}

body {
  font-family: 'Palatino Linotype';
  font-family: 'a_Futurica';

}


И потом для нужного мне элемента я задаю тот или иной font-family .
Но шрифт Palatino Linotype, который вроде как дефолтный на вин 10, не отображается на мобилках, условна на айфоне. Почему?

Вот сайт для примера https://veinberg.000webhostapp.com
  • Вопрос задан
  • 74 просмотра
Решения вопроса 1
NikitaFedorov
@NikitaFedorov
Я.... Я верстальщик
Тут конвертируй шрифт с .ttf во все доступные форматы, а потом все эти форматы подключи (вместе с .ttf)

Так сделай для всех шрифтов

Пример подключения:

@font-face {
	font-family: 'Museo Sans Cyrl 100';
	src: url('../fonts/MuseoSansCyrl-100.eot');
	src: url('../fonts/MuseoSansCyrl-100.woff2') format('woff2'),
    url('../fonts/MuseoSansCyrl-100.woff') format('woff'),
    url('../fonts/MuseoSansCyrl-100.ttf') format('truetype'),
    url('../fonts/MuseoSansCyrl-100.svg#MuseoSansCyrl-100') format('svg'),
    url('../fonts/MuseoSansCyrl-100.eot?#iefix') format('embedded-opentype');
    font-weight: normal;
    font-style: normal;
}
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
takezi
@takezi
Intelligent people are full of doubts.
Ну там где для примера, шрифтов нет например.
5cbf2ffbdab80073971526.png
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы