Подключение шрифтов в CSS

Если не вникать в подробности, по быстрому подключить шрифт можно так:

/* Обычный */
@font-face {
	font-family: 'FontName'; 
	src: url(/fonts/font.ttf); 
}

/* Жирный */
@font-face {
	font-family: 'FontName bold'; 
	src: url(/fonts/font-bold.ttf); 
}

.text-1 {
	font-family: 'FontName'; 
	font-size: 20px;
}

.text-2 {
	font-family: 'FontName bold'; 
	font-size: 20px;
}
CSS

Такой метод вполне работает в большинстве браузеров, но неверен. В данном примере упущено:

  • Нет названия шрифта в свойстве local.
  • Подключен только один формат шрифта.
  • Неправильно настроены начертания.
14.02.2020
Предыдущая запись Работа с JSON в PHP
Следующая запись Генерация паролей в PHP

Комментарии

, чтобы добавить комментарий.

Другие публикации

Буквица CSS
Буквица, или инициал – первая буква главы или раздела, выделяется цветом и шрифтом. В CSS есть несколько способов задать стили первой букве...
28.10.2019
538
0
Сброс стилей (CSS reset)
Цель сброса стилей состоит в том, чтобы уменьшить разность отступов, размеров шрифтов заголовков и т.д. заданных по умолчанию в разных браузерах.
11.07.2019
1881
0
Contenteditable – текстовый редактор
Если добавить атрибут contenteditable к элементу, его содержимое становится доступно для редактирования пользователю, а...
12.12.2019
1763
+6
Описание мета-тегов
В статье представлены все самые встречающеюся мета-теги с примерами и пояснениями их использования.
17.01.2018
3866
0
Повышение результатов PageSpeed Insights
Сборник советов как поднять оценку в PageSpeed Insights.
04.04.2019
2911
0
Мануал по созданию и форматированию excel файлов в PHPExcel
К сожалению разработчики прекратили поддержку и разработку проекта, но PHPExcel все равно остается популярной...
12.06.2019
11922
+5