Задать вопрос

Как правильно подключить шрифты в SASS?

Доброго времени суток.
Хочу подключить 3 шрифта к проекту через правило @font-face в SASS.
Каждый шрифт лежит в собственной папки в fonts и имеет несколько форматов (otf, ttf, eot, svg, woff).
Нашел в интернете пример:
@font-face {
	font-family: "Samplina Neue"
	font-style: italic
	font-weight: bold
	src: url("fonts/SamplinaNeue.eot?") format("eot"),
			 url("fonts/SamplinaNeue.woff2") format("woff2"),
			 url("fonts/SamplinaNeue.woff") format("woff"),
			 url("fonts/SamplinaNeue.ttf") format("truetype"),
			 url("fonts/SamplinaNeue.svg#Samplina_Neue") format("svg")
}


И, собственно, по нему возникает ряд вопросов:
1) Является ли обязательным условием наличие правил font-style и font-weight в @font-face?
2) Почему в конце .eot стоит вопросительный знак?
3) Почему в конце .svg стоит решетка и название шрифта?
  • Вопрос задан
  • 1103 просмотра
Подписаться 3 Оценить Комментировать
Помогут разобраться в теме Все курсы
  • Академия Эдюсон
    Frontend-разработчик: тариф PRO
    10 месяцев
    Далее
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Stepik
    Старт карьеры в IT. Frontend разработчик сайтов с нуля.
    2 месяца
    Далее
Решения вопроса 1
andead
@andead
друпал девелопер, фрилансер
1) Нет, не является.
2) 3) Это хаки для старых браузеров, не поддерживающих новые форматы woff.

Посмотрите недавний ролик от HTML академии на эту тему, много проясните.
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы