Каталог шрифтов
Название
Категория — Любой -Декоративные шрифты-Винтажные шрифты-Дизайнерские шрифты-Красивые шрифты-Художественные шрифты-Шрифты с завитушкамиИностранные шрифты-Азиатские шрифты-Арабские шрифты-Восточные шрифты-Европейские шрифты-Иероглифические шрифты-Мексиканские шрифтыИсторические шрифты-Wanted шрифты-Western шрифты-Ар-деко шрифты-Готические шрифты-Кельтские шрифты-Модерн шрифты-Ретро шрифты-Римские и греческие шрифты-Советские шрифты-Средневековые шрифты-Старославянские шрифтыМоно шрифтыПраздничные шрифты-День святого Валентина-Новогодние и рождественские шрифты-Свадебные шрифты-Хэллоуин шрифты-Шрифты для дня рожденияРукописные шрифты-Граффити шрифты-Каллиграфические шрифты-Маркер шрифты-Скетч шрифты-Школьные шрифты-Шрифты кистиСondensed шрифтыСовременные шрифты-Веб-шрифты-Шрифты для кода и разработкиТематические шрифты-Instagram шрифты-Альтернативные шрифты-Армейские шрифты-Брендовые шрифты-Другие шрифты-Заглавные шрифты-Искажённые шрифты-Комические шрифты-Контурные шрифты-Машинописные шрифты-Необычные шрифты-Огонь и лёд-Пиксельные шрифты-Поврежденные шрифты-Подчеркнутые шрифты-Поцарапанные шрифты-Прямоугольные шрифты-Сказочные шрифты-Старая школа-Трафаретные шрифты-Ужасы шрифты-Шрифты буквица-Шрифты для комиксов-Шрифты для татуировок-Шрифты из игр-Шрифты из мультфильмов-Шрифты из фильмов-Шрифты с сеткой-Шрифты с теньюТехно шрифты-3D шрифты-LCD шрифты-Компьютерные шрифты-Фантастические шрифты-Цифровые шрифтыШрифты без засечекШрифты для заголовковШрифты для текстаШрифты с засечками
Cистема письменности — Любой -КириллицаЛатиница
Язык — Любой -АгемАзербайджанскийАзуАканАлбанскийАмхарскийАнглийскийАрабскийАрмянскийАссамскийАстурийскийАфрикаансБасаБаскскийБафийскийБелорусскийБембаБенаБенгальскийБирманскийБодоБолгарскийБоснийскийБретонскийБукмолВаиВаллийскийВаллисский диалектВенгерскийВерхнелужицкийВолапюкВьетнамскийГавайскийГалисийскийГренландскийГреческийГрузинскийГуджаратиГусииДатскийДзонг-кэДиола-ФоньиДуалаЗападнофризскийЗармаЗулуИвритИгбоИдишИнари-саамскийИндонезийскийИрландскийИсландскийИспанскийИтальянскийЙорубаКабильскийКабувердьянуКакоКаленджинКамбаКаннадаКаталанскийКвасиоКёльнскийКечуанскийКигаКикуйюКойра ЧииниКойраборо СенниКонканиКорнскийКхмерскийЛакотаЛангоЛаосскийЛатышскийЛингалаЛитовскийЛуба-катангаЛугандаЛуоЛурскийЛухьяЛюксембургскийМаврикийский креольскийМазандеранскийМакедонскийМакондеМакуа-МееттоМалагасийскийМалаяламМальтийскийМаратхиМасайскийМачамеМеруМетаМундангМэнскийНамаНгимбунскийНгомбаНемецкийНепальскийНидерландскийНижнелужицкийНовонорвежскийНуэрНьянколеОрияОромоОсетинскийПанджабиПерсидскийПольскийПортугальскийПрусскийПуштуРоманшскийРомбоРуандаРумынскийРундиРусскийСамбуруСангоСангуСеверносаамскийСеверный ндебелеСенаСербскийСингальскийСловацкийСловенскийСогаСомалийскийСораниСтарославянский языкСуахилиТаитаТайскийТамазигхтскийТамильскийТасавакТелугуТесоТибетскийТигриньяТонганскийТурецкийУзбекскийУкраинскийУрдуФарерскийФилиппинскийФинскийФранцузскийФриульскийФулаХиндиХорватскийЧерокиЧеченскийЧешскийШамбалаШведскийШвейцарский диалектШильхскиеШонаШотландскийЭвеЭвондоЭмбуЭсперантоЭстонскийЯкутскийЯнгбен
Лицензионные условия — Любой -Коммерческое использованиеПерсональное использование
Сортировать НовыеНазвание
Вариативный шрифт
Maltera_rukopis 1 начертание
Gaslight with russian Cyrillic 1 начертание
Caecilia LT Pro 8 начертаний
Athelas 4 начертания
Bookerly 12 начертаний
ET Book 5 начертаний
Lava Lamp 4 начертания
Inkulinati 1 начертание
ArabicRus 1 начертание
Pico-8 1 начертание
Uindbase Font 1 1 начертание
Bitter Pro 18 начертаний
ChareInk 4 начертания
Methodiy 1 начертание
Genosa 1 начертание
Vin Slab Pro 2 начертания
Vinnytsia City 4 начертания
CSS: шрифты
CSS: шрифтыЯзыки
Это перевод.
Здесь могут содержаться ошибки или страница может
быть устаревшей по отношению к Английской версии. Переводчик: Евгений (neighbor report)
Смотрите также указатель всех приёмов работы.
На этой странице:
- Семейства шрифтов
- Стили шрифта
Семейства шрифтов
После цвета шрифт — возможно, важнейшее свойство страницы. На этой странице я не буду демонстрировать никаких «трюков», но покажу ряд вариаций шрифтов, допустимых в CSS.
Поскольку не все шрифты доступны на всех компьютерах (существуют
тысячи шрифтов и большинство из них не бесплатны), CSS
предусматривает резервную систему. Первым вы указываете шрифт,
который хотели бы использовать. Затем следуют любые шрифты, которые
вы могли бы использовать, если первый указанный шрифт не доступен.
А закончить список вы должны 
Следующая таблица показывает примеры различных шрифтов (ваш браузер может не знать их все) и вы можете увидеть, что ваш браузер делает с каждым из пяти типовых шрифтов:
| ‘sans-serif’: обычные шрифты без засечек | ||
|---|---|---|
Arial, sans-serif | Съешь же ещё этих мягких французских булок да выпей чаю | |
Helvetica, sans-serif | Съешь же ещё этих мягких французских булок да выпей чаю | |
Verdana, sans-serif | Съешь же ещё этих мягких французских булок да выпей чаю | |
Trebuchet MS, sans-serif | Съешь же ещё этих мягких французских булок да выпей чаю | |
Gill Sans, sans-serif | Съешь же ещё этих мягких французских булок да выпей чаю | |
Noto Sans, sans-serif | Съешь же ещё этих мягких французских булок да выпей чаю | |
Avantgarde, TeX Gyre Adventor, URW Gothic L,
sans-serif | Съешь же ещё этих мягких французских булок да выпей чаю | |
Arial Narrow, sans-serif | Съешь же ещё этих мягких французских булок да выпей чаю | |
sans-serif | Съешь же ещё этих мягких французских булок да выпей чаю | |
| ‘serif’: обычные шрифты с засечками | ||
Times, Times New Roman, serif | Съешь же ещё этих мягких французских булок да выпей чаю | |
Georgia, serif | Съешь же ещё этих мягких французских булок да выпей чаю | |
Palatino, URW Palladio L, serif | Съешь же ещё этих мягких французских булок да выпей чаю | |
Bookman, URW Bookman L, serif | Съешь же ещё этих мягких французских булок да выпей чаю | |
New Century Schoolbook, TeX Gyre Schola, serif | Съешь же ещё этих мягких французских булок да выпей чаю | |
serif | Съешь же ещё этих мягких французских булок да выпей чаю | |
| ‘monospace’: шрифты фиксированной ширины | ||
Andale Mono, monospace | Съешь же ещё этих мягких французских булок да выпей чаю | |
Courier New, monospace | Съешь же ещё этих мягких французских булок да выпей чаю | |
Courier, monospace | Съешь же ещё этих мягких французских булок да выпей чаю | |
FreeMono, monospace | Съешь же ещё этих мягких французских булок да выпей чаю | |
DejaVu Sans Mono, monospace | Съешь же ещё этих мягких французских булок да выпей чаю | |
monospace | Съешь же ещё этих мягких французских булок да выпей чаю | |
| ‘cursive’: шрифты, имитирующие почерк | ||
Comic Sans MS, Comic Sans, cursive | Съешь же ещё этих мягких французских булок да выпей чаю | |
Bradley Hand, cursive | Съешь же ещё этих мягких французских булок да выпей чаю | |
Brush Script MT, Brush Script Std, cursive | Съешь же ещё этих мягких французских булок да выпей чаю | |
Snell Roundhand, cursive | Съешь же ещё этих мягких французских булок да выпей чаю | |
URW Chancery L, cursive | Съешь же ещё этих мягких французских булок да выпей чаю | |
cursive | Съешь же ещё этих мягких французских булок да выпей чаю | |
‘fantasy’: декоративные шрифты, для названий и
т. д.. | ||
Impact, fantasy | Съешь же ещё этих мягких французских булок да выпей чаю | |
Luminari, fantasy | Съешь же ещё этих мягких французских булок да выпей чаю | |
Marker Felt, fantasy | Съешь же ещё этих мягких французских булок да выпей чаю | |
Trattatello, fantasy | Съешь же ещё этих мягких французских булок да выпей чаю | |
fantasy | Съешь же ещё этих мягких французских булок да выпей чаю | |
Стили шрифтов
Большинство шрифтов имеют разнообразные стили в пределах одного
и того же шрифтового семейства. Обычно это жирный стиль (bold) или
курсив (italic), часто встречается также стиль «жирный курсив»
(bold italic), реже — капитель (малые прописные буквы —
small-caps), а в ряде случаев — экстра-светлые/экстра-жирные или
растянутые/сжатые версии.
В таблице ниже приведены несколько различных стилей. Многие из строк будут выглядеть одинаково, если у вас нет большой коллекции шрифтов.
| правило | serif | sans-serif |
|---|---|---|
| Стили | ||
font-style: normal | Съешь же… | Съешь же… |
font-style: italic | Съешь же… | Съешь же… |
font-style: oblique | Съешь же… | Съешь же… |
| Насыщенность шрифта | ||
font-weight: 100 | Съешь же… | Съешь же… |
font-weight: 200 | Съешь же… | Съешь же… |
font-weight: 300 | Съешь же… | Съешь же… |
font-weight: normal | Съешь же… | Съешь же… |
font-weight: 500 | Съешь же… | Съешь же… |
font-weight: 600 | Съешь же… | Съешь же… |
font-weight: bold | Съешь же… | Съешь же… |
font-weight: 800 | Съешь же… | Съешь же… |
font-weight: 900 | Съешь же… | Съешь же… |
| Варианты | ||
font-variant: normal | Съешь же… | Съешь же… |
font-variant: small-caps | Съешь же… | Съешь же… |
| Растяжение | ||
font-stretch: ultra-condensed | Съешь же… | Съешь же… |
font-stretch: extra-condensed | ||
font-stretch: condensed | Съешь же… | Съешь же… |
font-stretch: semi-condensed | Съешь же… | Съешь же… |
font-stretch: normal | Съешь же… | Съешь же… |
font-stretch: semi-expanded | Съешь же… | Съешь же… |
font-stretch: expanded | Съешь же… | Съешь же… |
font-stretch: extra-expanded | ||
font-stretch: ultra-expanded | Съешь же… | Съешь же… |
Модуль «Шрифты» в CSS имеет больше свойств для указания
специальных стилей (для шрифтов, которые поддерживают несколько
вариантов), в частности, свойство font-variant имеет гораздо больше значений.
Copyright © 1994–2021 W3C® Privacy policy
Created 17 Jan 2001;
Last updated Ср 06 янв 2021 05:40:49
Языки
- Azərbaycan
- Български
- Deutsch
- Ελληνικά
- English
- Español
- Français
- Hrvatski
- Bahasa Indonesia
- Norsk
- Nederlands
- Polski
- Português brasileiro
- Português
- Русский
- ไทย
- Tagalog
- Українська
- Tiếng Việt
- 简体中文
- 繁體中文
О переводах
Все шрифты — Fontfabric™
2 стиля шрифта
50% СКИДКА 16 стилей шрифта от 39 долларов.
15 стилей шрифта от 27 долларов
21 стиль шрифта от 17 долларов
17 стилей шрифта от 25 долларов
22 стиля шрифта от 36 долларов
18 стилей шрифта от 35 долларов
14 стилей шрифта от 29 долларов
1 стиль шрифта
36 стилей шрифта от 25 долларов.
1 стиль шрифта
72 стиля шрифта от 47 долларов
72 стиля шрифта от 24 долларов
16 стилей шрифта от 29 долларов.
11 стилей шрифтов от 9 долларов
72 стиля шрифта от 35 долларов
10 стилей шрифтов от 35 долларов
18 стилей шрифта от 27 долларов
1 стиль шрифта
5 стилей шрифта
54 стиля шрифта от 17 долларов
18 стилей шрифта от 35 долларов
1 стиль шрифта
1 стиль шрифта
20 стилей шрифтов от 35 долларов.
521 стиль шрифта от 27 долларов
2 стиля шрифта
14 стилей шрифта от 27 долларов
2 стиля шрифта
4 стиля шрифта от 9 долларов
8 стилей шрифта от 27 долларов
8 стилей шрифта
1 стиль шрифта
44 стиля шрифта от 47 долларов
7 стилей шрифта
1 стиль шрифта
21 стиль шрифта от 17 долларов
1 стиль шрифта
1 стиль шрифта
1 стиль шрифта
1 стиль шрифта
3 стиля шрифта
6 стилей шрифта от 40 долларов
1 стиль шрифта
2 стиля шрифта
1 стиль шрифта
214 стилей шрифтов от 14 долларов.
5 стилей шрифта
2 стиля шрифта
1 стиль шрифта
8 стилей шрифта
1 стиль шрифта
1 стиль шрифта
1 стиль шрифта
96 стилей шрифта
2 стиля шрифта
2 стиля шрифта
1 стиль шрифта
83 стиля шрифта от 17 долларов
18 стилей шрифта
14 стилей шрифта от 29 долларов
3 стиля шрифта
2 стиля шрифта
2 стиля шрифта
18 стилей шрифта от 29 долларов
5 стилей шрифта
2 стиля шрифта
6 стилей шрифта
3 стиля шрифта
6 стилей шрифта
5 стилей шрифта от 47 долларов
3 стиля шрифта
2 стиля шрифта
24 стиля шрифта от 29 долларов
2 стиля шрифта
6 стилей шрифта
3 стиля шрифта
9 стилей шрифта
3 стиля шрифта
1 стиль шрифта
2 стиля шрифта
1 стиль шрифта
8 стилей шрифта
4 стиля шрифта
1 стиль шрифта
1 стиль шрифта
2 стиля шрифта
1 стиль шрифта
1 стиль шрифта
3 стиля шрифта
2 стиля шрифта
1 стиль шрифта
4 стиля шрифта
2 стиля шрифта
14 стилей шрифта от 40 долларов
2 стиля шрифта
2 стиля шрифта
8 стилей шрифта от 15,40 долларов США.
24 стиля шрифта от 40 долларов
2 стиля шрифта
3 стиля шрифта
1 стиль шрифта
6 стилей шрифта от 40 долларов
1 стиль шрифта
2 стиля шрифта от 29 долларов
1 стиль шрифта
2 стиля шрифта
1 стиль шрифта
3 стиля шрифта
12 стилей шрифта от 40 долларов
5 стилей шрифта от 29 долларов
2 стиля шрифта от 15 долларов
1 стиль шрифта
12 стилей шрифта от 15 долларов
2 стиля шрифта от 29 долларов
4 стиля шрифта от 15 долларов
2 стиля шрифта от 19 долларов
3 стиля шрифта от 19 долларов
1 стиль шрифта
7 стилей шрифта от 19 долларов
1 стиль шрифта
2 стиля шрифта
2 стиля шрифта от 29 долларов
1 стиль шрифта
1 стиль шрифта
1 стиль шрифта
1 стиль шрифта
2 стиля шрифта от 25 долларов
3 стиля шрифта
2 стиля шрифта от 19 долларов
2 стиля шрифта от 19 долларов
2 стиля шрифта
1 стиль шрифта
3 стиля шрифта от 35 долларов
2 стиля шрифта от 29,95 долларов США.
1 стиль шрифта
216 стилей шрифта от 40 долларов.
Получайте наши последние выпуски, лучшие предложения и важные советы прямо на ваш почтовый ящик.
Мы вышлем вам заархивированный файл с бесплатным шрифтом, лицензионным соглашением и инструкциями по установке.
Адрес электронной почты уже существует
К сожалению, произошла ошибка! Повторите попытку через несколько секунд
Поле не должно быть пустым
Неверный адрес электронной почты
Ваш адрес электронной почты *
Я хочу получать новости о новых выпусках, скидках только для подписчиков, персонализированных предложениях и ресурсах, позволяющих максимально эффективно использовать мои шрифты.
Нажимая кнопку «Подписаться», вы соглашаетесь получать информацию о наших последних выпусках шрифтов, скидках и важных советах по максимально эффективному использованию типографики.
Никому не нравится быть в тесноте, поэтому мы ориентируемся только на качественный контент. Вы можете отказаться в любое время, нажав на ссылку в нижнем колонтитуле наших электронных писем. Дополнительную информацию см. в нашем Уведомлении о конфиденциальности.
Спасибо, что выбрали бесплатные шрифты Fontfabric! Мы помогаем дизайнерам со всего мира масштабировать свои проекты и клиентов с помощью отличной типографики. Отказаться от рассылки можно в любое время, нажав на ссылку «Отписаться» в нижнем колонтитуле вашего электронного письма.
Дополнительную информацию см. в нашем Уведомлении о конфиденциальности.
Ваш бесплатный шрифт будет доставлен с адреса [email protected]. Обязательно проверьте папки со спамом/промо и подумайте о том, чтобы добавить нас в белый список. Подождите до 10 минут, пока сообщение придет.
Все еще не видите? Отправьте нам сообщение по адресу [email protected]
Настройки файлов cookie
Целевые файлы cookie
Эти файлы cookie могут быть установлены через наш сайт нашими рекламными партнерами.
Эти компании могут использовать их для создания профиля ваших интересов и показа вам релевантной рекламы на других сайтах. Они не хранят личную информацию напрямую, а основаны на уникальной идентификации вашего браузера и интернет-устройства. Если вы не разрешите использование этих файлов cookie, вы будете получать менее целенаправленную рекламу.
Включено Неполноценный НеполноценныйКуки производительности
Эти файлы cookie позволяют нам подсчитывать посещения и источники трафика, чтобы мы могли измерять и улучшать производительность нашего сайта.
Они помогают нам узнать, какие страницы являются наиболее и наименее популярными, и увидеть, как посетители перемещаются по сайту.Вся информация, которую собирают эти файлы cookie, является агрегированной и, следовательно, анонимной. Если вы не разрешите использование этих файлов cookie, мы не будем знать, когда вы посещали наш сайт, и не сможем отслеживать его работу.
Включено Неполноценный НеполноценныйОбщие файлы cookie
Эти файлы cookie необходимы для работы веб-сайта и не могут быть отключены в наших системах. Обычно они устанавливаются только в ответ на ваши действия, которые представляют собой запрос на услуги, такие как установка параметров конфиденциальности, вход в систему или заполнение форм.
Вы можете настроить свой браузер так, чтобы он блокировал эти файлы cookie или уведомлял вас о них, но тогда некоторые части сайта не будут работать.
На Выключенный Всегда включен Эти файлы cookie не хранят никакой личной информации.
Они помогают нам узнать, какие страницы являются наиболее и наименее популярными, и увидеть, как посетители перемещаются по сайту.
Эти файлы cookie не хранят никакой личной информации.Мы используем файлы cookie для персонализации контента и рекламы, предоставления функций социальных сетей и анализа нашего трафика. Мы также делимся информацией об использовании вами нашего сайта с нашими партнерами в социальных сетях, рекламе и аналитике. Для получения дополнительной информации ознакомьтесь с нашей Политикой конфиденциальности
Принять файлов cookie Управление
Шрифты CSS
❮ Назад Далее ❯
Выбор правильного шрифта для вашего сайта очень важен!
Выбор шрифта важен
Выбор правильного шрифта оказывает огромное влияние на восприятие читателями Веб-сайт.
Правильный шрифт может создать сильную индивидуальность для вашего бренда.
Очень важно использовать легко читаемый шрифт. Шрифт добавляет значение для вашего текста. Также важно правильно подобрать цвет и размер текста. для шрифта.
Общие семейства шрифтов
В CSS существует пять общих семейств шрифтов:
- Шрифты с засечками имеют небольшую обводку по краям каждой буквы. Они создают ощущение формальности и элегантности.
- Шрифты без засечек имеют четкие линии (без прикрепленных мелких штрихов). Они создают современный и минималистичный вид.
- Monospace шрифты — здесь все буквы имеют одинаковую фиксированную ширину. Они создают механический вид.
- Курсивные шрифты имитируют человеческий почерк.
- Фантазийные шрифты — это декоративные/игровые шрифты.
Все различные имена шрифтов принадлежат к одному из общих семейств шрифтов.
Разница между шрифтами с засечками и шрифтами без засечек
Примечание: На экранах компьютеров шрифты без засечек считаются более легкими для чтения, чем шрифты с засечками.
Некоторые примеры шрифтов
| Общее семейство шрифтов | Примеры названий шрифтов |
|---|---|
| С засечками | Times New Roman Джорджия Гарамонд |
| Без засечек | Arial Verdana Helvetica |
| Моноширинный | Courier Новый Консоль Lucida Монако |
| Курсив | Кисть MT Lucida Handwriting |
| Фэнтези | Медная пластина Папирус |
Свойство CSS font-family
В CSS мы используем свойство font-family для указания шрифта текста.
Примечание . Если имя шрифта состоит из более чем одного слова, оно должно быть в кавычках, например: «Times New Roman».
Совет: Свойство font-family должно содержать несколько имен шрифтов в качестве «запасной» системы,
для обеспечения максимальной совместимости между браузерами/операционными системами.
Начните с нужного шрифта и закончите общим семейством
(чтобы позволить
Браузер выбирает аналогичный шрифт из общего семейства, если нет других шрифтов.
доступный). Названия шрифтов должны быть разделены запятой. Подробнее о
запасные шрифты в следующей главе.
Пример
Укажите разные шрифты для трех абзацев:
.p1 {
семейство шрифтов: «Times New Roman», Times, serif;
}
.p2 {
семейство шрифтов: Arial, Helvetica, без засечек;
}
.p3 {
семейство шрифтов: «Lucida Console», «Courier New», моноширинный;
}
Попробуйте сами »
❮ Предыдущая Далее ❯
НОВИНКА
Мы только что запустили
Видео W3Schools
Узнать
ВЫБОР ЦВЕТА
КОД ИГРЫ
Играть в игру
Top Tutorials
Учебник по HTMLУчебник по CSS
Учебник по JavaScript
Учебник How To
Учебник по SQL
Учебник по Python
Учебник по W3.
