Таблицы шрифтов для HTML и CSS
Пару слов о веб-шрифтах
При использовании шрифтов в CSS первым должен указываться шрифт, который вы хотите использовать для элемента. Далее через запятую следует перечислять названия резервных шрифтов, которые будут использованы браузером, если основной шрифт будет недоступен. Завершаться список должен одним из типовых шрифтов: serif (шрифты с засечками), sans-serif (шрифты без засечек), monospace (моноширинные шрифты), cursive (шрифты, имитирующие почерк) или fantasy (декоративные шрифты). Такой подход указания шрифтов связан с тем, что в настоящее время существует огромное количество как бесплатных, так и платных шрифтов, многие из которых не обязательно поддерживаются всеми компьютерами и браузерами. Более подробно об использовании шрифтов в CSS можно узнать в нашем учебнике здесь.
Безопасные веб-шрифты – это наиболее распространенные шрифты, которые с большой долей вероятности поддерживаются большинством операционных систем, а значит и браузеров.
В таблицах ниже представлены наиболее распространенные шрифты, поддерживаемые различными операционными системами и браузерами. Опять же, многие из них не будут поддерживаться вашим браузером, однако вы легко увидите это в таблице, т.к. они будут отображаться стандартными системными шрифтами. Кроме того, для записи названий шрифтов мы использовали заглавные буквы для каждого нового слова. Тем не менее, в ходе использования вы можете записывать их в любом регистре, т.к. названия шрифтов в CSS регистронезависимы.
Шрифты семейства serif
Латинский алфавит |
abc def ghi jkl mno pqr stu vwxyz ABC DEF GHI JKL MNO PQR STU VWXYZ |
---|---|
Русский алфавит |
абв где ёжз ийк лмн опр сту фхц чшщ ъыь эюя АБВ ГДЕ ЁЖЗ ИЙК ЛМН ОПР СТУ ФХЦ ЧШЩ ЪЫЬ ЭЮЯ |
Контрольная фраза (en) | the quick brown fox jumps over the lazy dog |
Контрольная фраза (рус) | съешь ещё этих мягких французских булок, да выпей же чаю |
Арабские цифры | 0123456789 0123456789 0123456789 |
Латинский алфавит |
abc def ghi jkl mno pqr stu vwxyz ABC DEF GHI JKL MNO PQR STU VWXYZ |
---|---|
Русский алфавит |
абв где ёжз ийк лмн опр сту фхц чшщ ъыь эюя АБВ ГДЕ ЁЖЗ ИЙК ЛМН ОПР СТУ ФХЦ ЧШЩ ЪЫЬ ЭЮЯ |
Контрольная фраза (en) | the quick brown fox jumps over the lazy dog |
Контрольная фраза (рус) | съешь ещё этих мягких французских булок, да выпей же чаю |
Арабские цифры | 0123456789 0123456789 0123456789 |
Латинский алфавит |
abc def ghi jkl mno pqr stu vwxyz ABC DEF GHI JKL MNO PQR STU VWXYZ |
---|---|
Русский алфавит |
абв где ёжз ийк лмн опр сту фхц чшщ ъыь эюя АБВ ГДЕ ЁЖЗ ИЙК ЛМН ОПР СТУ ФХЦ ЧШЩ ЪЫЬ ЭЮЯ |
Контрольная фраза (en) | the quick brown fox jumps over the lazy dog |
Контрольная фраза (рус) | съешь ещё этих мягких французских булок, да выпей же чаю |
Арабские цифры | 0123456789 0123456789 0123456789 |
Латинский алфавит |
abc def ghi jkl mno pqr stu vwxyz ABC DEF GHI JKL MNO PQR STU VWXYZ |
---|---|
Русский алфавит |
абв где ёжз ийк лмн опр сту фхц чшщ ъыь эюя АБВ ГДЕ ЁЖЗ ИЙК ЛМН ОПР СТУ ФХЦ ЧШЩ ЪЫЬ ЭЮЯ |
Контрольная фраза (en) | the quick brown fox jumps over the lazy dog |
Контрольная фраза (рус) | съешь ещё этих мягких французских булок, да выпей же чаю |
Арабские цифры | 0123456789 0123456789 0123456789 |
Латинский алфавит |
abc def ghi jkl mno pqr stu vwxyz ABC DEF GHI JKL MNO PQR STU VWXYZ |
---|---|
Русский алфавит |
абв где ёжз ийк лмн опр сту фхц чшщ ъыь эюя АБВ ГДЕ ЁЖЗ ИЙК ЛМН ОПР СТУ ФХЦ ЧШЩ ЪЫЬ ЭЮЯ |
Контрольная фраза (en) | the quick brown fox jumps over the lazy dog |
Контрольная фраза (ru) | съешь ещё этих мягких французских булок, да выпей же чаю |
Арабские цифры | 0123456789 0123456789 0123456789 |
Латинский алфавит |
abc def ghi jkl mno pqr stu vwxyz ABC DEF GHI JKL MNO PQR STU VWXYZ |
---|---|
Русский алфавит |
абв где ёжз ийк лмн опр сту фхц чшщ ъыь эюя АБВ ГДЕ ЁЖЗ ИЙК ЛМН ОПР СТУ ФХЦ ЧШЩ ЪЫЬ ЭЮЯ |
Контрольная фраза (en) | the quick brown fox jumps over the lazy dog |
Контрольная фраза (рус) | съешь ещё этих мягких французских булок, да выпей же чаю |
Арабские цифры | 0123456789 0123456789 0123456789 |
Латинский алфавит |
abc def ghi jkl mno pqr stu vwxyz ABC DEF GHI JKL MNO PQR STU VWXYZ |
---|---|
Русский алфавит |
абв где ёжз ийк лмн опр сту фхц чшщ ъыь эюя АБВ ГДЕ ЁЖЗ ИЙК ЛМН ОПР СТУ ФХЦ ЧШЩ ЪЫЬ ЭЮЯ |
Контрольная фраза (en) | the quick brown fox jumps over the lazy dog |
Контрольная фраза (рус) | съешь ещё этих мягких французских булок, да выпей же чаю |
Арабские цифры | 0123456789 0123456789 0123456789 |
Латинский алфавит |
abc def ghi jkl mno pqr stu vwxyz ABC DEF GHI JKL MNO PQR STU VWXYZ |
---|---|
Русский алфавит |
абв где ёжз ийк лмн опр сту фхц чшщ ъыь эюя АБВ ГДЕ ЁЖЗ ИЙК ЛМН ОПР СТУ ФХЦ ЧШЩ ЪЫЬ ЭЮЯ |
Контрольная фраза (en) | the quick brown fox jumps over the lazy dog |
Контрольная фраза (рус) | съешь ещё этих мягких французских булок, да выпей же чаю |
Арабские цифры | 0123456789 0123456789 0123456789 |
Шрифты семейства sans-serif
Латинский алфавит |
abc def ghi jkl mno pqr stu vwxyz ABC DEF GHI JKL MNO PQR STU VWXYZ |
---|---|
Русский алфавит |
абв где ёжз ийк лмн опр сту фхц чшщ ъыь эюя АБВ ГДЕ ЁЖЗ ИЙК ЛМН ОПР СТУ ФХЦ ЧШЩ ЪЫЬ ЭЮЯ |
Контрольная фраза (en) | the quick brown fox jumps over the lazy dog |
Контрольная фраза (рус) | съешь ещё этих мягких французских булок, да выпей же чаю |
Арабские цифры | 0123456789 0123456789 0123456789 |
Латинский алфавит |
abc def ghi jkl mno pqr stu vwxyz ABC DEF GHI JKL MNO PQR STU VWXYZ |
---|---|
Русский алфавит |
абв где ёжз ийк лмн опр сту фхц чшщ ъыь эюя АБВ ГДЕ ЁЖЗ ИЙК ЛМН ОПР СТУ ФХЦ ЧШЩ ЪЫЬ ЭЮЯ |
Контрольная фраза (en) | the quick brown fox jumps over the lazy dog |
Контрольная фраза (рус) | съешь ещё этих мягких французских булок, да выпей же чаю |
Арабские цифры | 0123456789 0123456789 0123456789 |
Латинский алфавит |
abc def ghi jkl mno pqr stu vwxyz ABC DEF GHI JKL MNO PQR STU VWXYZ |
---|---|
Русский алфавит |
абв где ёжз ийк лмн опр сту фхц чшщ ъыь эюя АБВ ГДЕ ЁЖЗ ИЙК ЛМН ОПР СТУ ФХЦ ЧШЩ ЪЫЬ ЭЮЯ |
Контрольная фраза (en) | the quick brown fox jumps over the lazy dog |
Контрольная фраза (рус) | съешь ещё этих мягких французских булок, да выпей же чаю |
Арабские цифры | 0123456789 0123456789 0123456789 |
Латинский алфавит |
abc def ghi jkl mno pqr stu vwxyz ABC DEF GHI JKL MNO PQR STU VWXYZ |
---|---|
Русский алфавит |
абв где ёжз ийк лмн опр сту фхц чшщ ъыь эюя АБВ ГДЕ ЁЖЗ ИЙК ЛМН ОПР СТУ ФХЦ ЧШЩ ЪЫЬ ЭЮЯ |
Контрольная фраза (en) | the quick brown fox jumps over the lazy dog |
Контрольная фраза (рус) | съешь ещё этих мягких французских булок, да выпей же чаю |
Арабские цифры | 0123456789 0123456789 0123456789 |
Латинский алфавит |
abc def ghi jkl mno pqr stu vwxyz ABC DEF GHI JKL MNO PQR STU VWXYZ |
---|---|
Русский алфавит |
абв где ёжз ийк лмн опр сту фхц чшщ ъыь эюя АБВ ГДЕ ЁЖЗ ИЙК ЛМН ОПР СТУ ФХЦ ЧШЩ ЪЫЬ ЭЮЯ |
Контрольная фраза (en) | the quick brown fox jumps over the lazy dog |
Контрольная фраза (рус) | съешь ещё этих мягких французских булок, да выпей же чаю |
Арабские цифры | 0123456789 0123456789 0123456789 |
Латинский алфавит |
abc def ghi jkl mno pqr stu vwxyz ABC DEF GHI JKL MNO PQR STU VWXYZ |
---|---|
Русский алфавит |
абв где ёжз ийк лмн опр сту фхц чшщ ъыь эюя АБВ ГДЕ ЁЖЗ ИЙК ЛМН ОПР СТУ ФХЦ ЧШЩ ЪЫЬ ЭЮЯ |
Контрольная фраза (en) | the quick brown fox jumps over the lazy dog |
Контрольная фраза (рус) | съешь ещё этих мягких французских булок, да выпей же чаю |
Арабские цифры | 0123456789 0123456789 0123456789 |
Латинский алфавит |
abc def ghi jkl mno pqr stu vwxyz ABC DEF GHI JKL MNO PQR STU VWXYZ |
---|---|
Русский алфавит |
абв где ёжз ийк лмн опр сту фхц чшщ ъыь эюя АБВ ГДЕ ЁЖЗ ИЙК ЛМН ОПР СТУ ФХЦ ЧШЩ ЪЫЬ ЭЮЯ |
Контрольная фраза (en) | the quick brown fox jumps over the lazy dog |
Контрольная фраза (рус) | съешь ещё этих мягких французских булок, да выпей же чаю |
Арабские цифры | 0123456789 0123456789 0123456789 |
Латинский алфавит |
abc def ghi jkl mno pqr stu vwxyz ABC DEF GHI JKL MNO PQR STU VWXYZ |
---|---|
Русский алфавит |
абв где ёжз ийк лмн опр сту фхц чшщ ъыь эюя АБВ ГДЕ ЁЖЗ ИЙК ЛМН ОПР СТУ ФХЦ ЧШЩ ЪЫЬ ЭЮЯ |
Контрольная фраза (en) | the quick brown fox jumps over the lazy dog |
Контрольная фраза (рус) | съешь ещё этих мягких французских булок, да выпей же чаю |
Арабские цифры | 0123456789 0123456789 0123456789 |
Латинский алфавит |
abc def ghi jkl mno pqr stu vwxyz ABC DEF GHI JKL MNO PQR STU VWXYZ |
---|---|
Русский алфавит |
абв где ёжз ийк лмн опр сту фхц чшщ ъыь эюя АБВ ГДЕ ЁЖЗ ИЙК ЛМН ОПР СТУ ФХЦ ЧШЩ ЪЫЬ ЭЮЯ |
Контрольная фраза (en) | the quick brown fox jumps over the lazy dog |
Контрольная фраза (рус) | съешь ещё этих мягких французских булок, да выпей же чаю |
Арабские цифры | 0123456789 0123456789 0123456789 |
Латинский алфавит |
abc def ghi jkl mno pqr stu vwxyz ABC DEF GHI JKL MNO PQR STU VWXYZ |
---|---|
Русский алфавит |
абв где ёжз ийк лмн опр сту фхц чшщ ъыь эюя АБВ ГДЕ ЁЖЗ ИЙК ЛМН ОПР СТУ ФХЦ ЧШЩ ЪЫЬ ЭЮЯ |
Контрольная фраза (en) | the quick brown fox jumps over the lazy dog |
Контрольная фраза (рус) | съешь ещё этих мягких французских булок, да выпей же чаю |
Арабские цифры | 0123456789 0123456789 0123456789 |
Шрифты семейства monospace
Латинский алфавит |
abc def ghi jkl mno pqr stu vwxyz ABC DEF GHI JKL MNO PQR STU VWXYZ |
---|---|
Русский алфавит |
абв где ёжз ийк лмн опр сту фхц чшщ ъыь эюя АБВ ГДЕ ЁЖЗ ИЙК ЛМН ОПР СТУ ФХЦ ЧШЩ ЪЫЬ ЭЮЯ |
Контрольная фраза (en) | the quick brown fox jumps over the lazy dog |
Контрольная фраза (рус) | съешь ещё этих мягких французских булок, да выпей же чаю |
Арабские цифры | 0123456789 0123456789 0123456789 |
Латинский алфавит |
abc def ghi jkl mno pqr stu vwxyz ABC DEF GHI JKL MNO PQR STU VWXYZ |
---|---|
Русский алфавит |
абв где ёжз ийк лмн опр сту фхц чшщ ъыь эюя АБВ ГДЕ ЁЖЗ ИЙК ЛМН ОПР СТУ ФХЦ ЧШЩ ЪЫЬ ЭЮЯ |
Контрольная фраза (en) | the quick brown fox jumps over the lazy dog |
Контрольная фраза (рус) | съешь ещё этих мягких французских булок, да выпей же чаю |
Арабские цифры | 0123456789 0123456789 0123456789 |
Латинский алфавит |
abc def ghi jkl mno pqr stu vwxyz ABC DEF GHI JKL MNO PQR STU VWXYZ |
---|---|
Русский алфавит |
абв где ёжз ийк лмн опр сту фхц чшщ ъыь эюя АБВ ГДЕ ЁЖЗ ИЙК ЛМН ОПР СТУ ФХЦ ЧШЩ ЪЫЬ ЭЮЯ |
Контрольная фраза (en) | the quick brown fox jumps over the lazy dog |
Контрольная фраза (рус) | съешь ещё этих мягких французских булок, да выпей же чаю |
Арабские цифры | 0123456789 0123456789 0123456789 |
Латинский алфавит |
abc def ghi jkl mno pqr stu vwxyz ABC DEF GHI JKL MNO PQR STU VWXYZ |
---|---|
Русский алфавит |
абв где ёжз ийк лмн опр сту фхц чшщ ъыь эюя АБВ ГДЕ ЁЖЗ ИЙК ЛМН ОПР СТУ ФХЦ ЧШЩ ЪЫЬ ЭЮЯ |
Контрольная фраза (en) | the quick brown fox jumps over the lazy dog |
Контрольная фраза (рус) | съешь ещё этих мягких французских булок, да выпей же чаю |
Арабские цифры | 0123456789 0123456789 0123456789 |
Латинский алфавит |
abc def ghi jkl mno pqr stu vwxyz ABC DEF GHI JKL MNO PQR STU VWXYZ |
---|---|
Русский алфавит |
абв где ёжз ийк лмн опр сту фхц чшщ ъыь эюя АБВ ГДЕ ЁЖЗ ИЙК ЛМН ОПР СТУ ФХЦ ЧШЩ ЪЫЬ ЭЮЯ |
Контрольная фраза (en) | the quick brown fox jumps over the lazy dog |
Контрольная фраза (рус) | съешь ещё этих мягких французских булок, да выпей же чаю |
Арабские цифры | 0123456789 0123456789 0123456789 |
Шрифты семейства cursive
Латинский алфавит |
abc def ghi jkl mno pqr stu vwxyz ABC DEF GHI JKL MNO PQR STU VWXYZ |
---|---|
Русский алфавит |
абв где ёжз ийк лмн опр сту фхц чшщ ъыь эюя АБВ ГДЕ ЁЖЗ ИЙК ЛМН ОПР СТУ ФХЦ ЧШЩ ЪЫЬ ЭЮЯ |
Контрольная фраза (en) | the quick brown fox jumps over the lazy dog |
Контрольная фраза (рус) | съешь ещё этих мягких французских булок, да выпей же чаю |
Арабские цифры | 0123456789 0123456789 0123456789 |
Латинский алфавит |
abc def ghi jkl mno pqr stu vwxyz ABC DEF GHI JKL MNO PQR STU VWXYZ |
---|---|
Русский алфавит |
абв где ёжз ийк лмн опр сту фхц чшщ ъыь эюя АБВ ГДЕ ЁЖЗ ИЙК ЛМН ОПР СТУ ФХЦ ЧШЩ ЪЫЬ ЭЮЯ |
Контрольная фраза (en) | the quick brown fox jumps over the lazy dog |
Контрольная фраза (рус) | съешь ещё этих мягких французских булок, да выпей же чаю |
Арабские цифры | 0123456789 0123456789 0123456789 |
Шрифты семейства fantasy
Латинский алфавит |
abc def ghi jkl mno pqr stu vwxyz ABC DEF GHI JKL MNO PQR STU VWXYZ |
---|---|
Русский алфавит |
абв где ёжз ийк лмн опр сту фхц чшщ ъыь эюя АБВ ГДЕ ЁЖЗ ИЙК ЛМН ОПР СТУ ФХЦ ЧШЩ ЪЫЬ ЭЮЯ |
Контрольная фраза (en) | the quick brown fox jumps over the lazy dog |
Контрольная фраза (рус) | съешь ещё этих мягких французских булок, да выпей же чаю |
Арабские цифры | 0123456789 0123456789 0123456789 |