Примеры установки шрифтов в CSS

• Кратко об установке шрифтов в CSS
• Установка системных шрифтов
• Установка собственных шрифтов

Более подробно об использовании шрифтов в CSS можно узнать в нашем учебнике здесь.

При использовании шрифтов в CSS первым должен указываться шрифт, который вы хотите использовать для элемента. Далее через запятую следует перечислять названия резервных шрифтов, которые будут использованы браузером, если основной шрифт будет недоступен. Завершаться список должен одним из типовых шрифтов: serif (шрифты с засечками), sans-serif (шрифты без засечек), monospace (моноширинные шрифты), cursive (шрифты, имитирующие почерк) или fantasy (декоративные шрифты). Такой подход указания шрифтов связан с тем, что в настоящее время существует огромное количество как бесплатных, так и платных шрифтов, многие из которых не обязательно поддерживаются всеми компьютерами и браузерами.

В данном абзаце мы использовали шрифт «Times New Roman» из семейства шрифтов с засечками.

В данном абзаце мы использовали шрифт «Arial» из семейства шрифтов без засечек.

В данном абзаце мы использовали шрифт «Courier New» из семейства моноширинных шрифтов.

В данном абзаце мы использовали один из множества бесплатных декоративных шрифтов, которые можно легко загрузить из интернета. В таблице стилей мы переименовали его в «my_font_1». Кроме того, мы увеличили расстояние между отдельными символами и словами.

А здесь мы использовали отсутствующий шрифт. Однако в качестве резервного варианта мы указали использующийся браузером по умолчанию шрифт семейства «cursive».