Свойство стиля шрифта CSS
❮ Назад Полное руководство по CSS Далее ❯
Пример
Установить разные стили шрифта для трех абзацев:
p.a {стиль шрифта: нормальный;
}
p.b {
стиль шрифта: курсив;
}
p.c {
стиль шрифта: наклонный;
}
Определение и использование
Свойство font-style определяет стиль шрифта для текста.
Показать демо ❯
| Значение по умолчанию: | обычный |
|---|---|
| Унаследовано: | да |
| Анимация: | нет. Читать про анимированный |
| Версия: | CSS1 |
| Синтаксис JavaScript: | объект .style.fontStyle=”italic” Попробуй |
Поддержка браузера
Цифры в таблице указывают на первую версию браузера, которая полностью поддерживает это свойство.
| Собственность | |||||
|---|---|---|---|---|---|
| стиль шрифта | 1,0 | 4,0 | 1,0 | 1,0 | 7,0 |
Синтаксис CSS
стиль шрифта: нормальный|курсив|наклонный|начальный|наследовать;
Значения свойств
| Значение | Описание | Демо |
|---|---|---|
| обычный | Браузер отображает обычный стиль шрифта. Это по умолчанию | Демонстрация ❯ |
| курсив | Браузер отображает курсивный шрифт | Демонстрация ❯ |
| косой | Браузер отображает наклонный шрифт | Демонстрация ❯ |
| начальный | Устанавливает для этого свойства значение по умолчанию. Читать про начальный | |
| унаследовать | Наследует это свойство от родительского элемента. Читать о унаследовать |
Связанные страницы
Учебное пособие по CSS: шрифт CSS
Справочник по CSS: свойство font
Справочник по HTML DOM: свойство fontStyle
❮ Предыдущий Полное руководство по CSS Далее ❯
НАБОР ЦВЕТА
Лучшие учебники
Учебник HTMLУчебник CSS
Учебник JavaScript
How To Tutorial
Учебник SQL
Учебник Python
Учебник W3.CSS
Учебник Bootstrap
Учебник PHP
Учебник Java
Учебник C++
Учебник jQuery
9000 3
Основные каталожные номера
Справочник по HTMLСправочник по CSS
Справочник по JavaScript
Справочник по SQL
Справочник по Python
Справочник по W3.CSS
Справочник по Bootstrap
Цвета HTML
Справочник по Java
Справочник по Angular
Справочник по jQuery
Лучшие примеры
Примеры HTMLПримеры CSS
Примеры JavaScript
Примеры инструкций
Примеры SQL
Примеры Python
Примеры W3.
CSS Примеры Bootstrap
Примеры PHP
Примеры Java
Примеры XML
Примеры jQuery
ФОРУМ | О
W3Schools оптимизирован для обучения и обучения. Примеры могут быть упрощены для улучшения чтения и обучения. Учебники, ссылки и примеры постоянно пересматриваются, чтобы избежать ошибок, но мы не можем гарантировать полную правильность всего содержания. Используя W3Schools, вы соглашаетесь прочитать и принять наши условия использования, куки-файлы и политика конфиденциальности. Copyright 1999-2023 Refsnes Data. Все права защищены.
W3Schools работает на основе W3.CSS.
10 самых красивых курсивных шрифтов
вдохновение Шрифты 10 самых красивых курсивных шрифтов
Действительно красивый и функциональный курсивный шрифт может быть сложно отследить. Поскольку на большинстве сайтов со шрифтами по умолчанию просматривается обычный вес, иногда курсив вашего любимого шрифта может вас удивить, к лучшему или к худшему.
Забудьте о разочаровании и трате времени, познакомившись с нашей редакцией курсивных шрифтов с лучшими и самыми красивыми курсивными и курсивными стилями.
Неограниченное количество загрузок: более 1 000 000 шаблонов, мокапов и ресурсов InDesign
отНиже вы найдете курсивные шрифты, которые можно синхронизировать с Adobe Typekit, некоторые давно зарекомендовавшие себя классические гарнитуры и наш выбор самых лучших бесплатных шрифтов с непреодолимые курсивные веса.
1. Latin Modern Roman Italic (БЕСПЛАТНО)
Разработанный GUST e-foundry, Latin Modern Roman представляет собой шрифт с классическими засечками, состоящий из пяти подсемейств. Посмотрите на стиль Roman Dunhill 10 Oblique (на фото), чтобы получить идеальный курсив с винтажным вкусом.
2. Orpheus Italic
Orpheus Pro представляет собой современную переработку оригинального дизайна шрифта Orpheus 1920-х годов, разработанного Вальтером Тиманом.
1930-е годы.
Классическая элегантность сочетается с чистой межвоенной эстетикой. Курсив одновременно романтичен и функционален.
3. Baskerville Italic
Этот переходный шрифт с засечками, который заимствует и развивает черты своих предшественников в старом стиле (например, Caslon, см. ниже), Baskerville объединяет лучшее из двух миров — классического и современного.
Баскервиль элегантен и интеллектуален. Используйте жирность курсива для набора литературных цитат или типографики плакатов.
4. Reforma Italic (БЕСПЛАТНО)
Reforma была создана аргентинским литейным заводом Pampatype для Национального университета Кордовы, учреждения с 400-летней историей.
Вдохновленные длинной и богатой историей университета, дизайнеры сделали ставку на римские шрифты для создания букв Reforma, которые, по словам дизайнеров, олицетворяют «достоинство, авторитет и трезвость».
5. Mrs Eaves Italic
Вдохновленный Сарой Ивз, экономкой, ставшей женой Джона Баскервиля, шрифт Mrs Eaves является компаньоном шрифта Mr Eaves без засечек в ретро-стиле.
Неограниченное количество загрузок: более 1 000 000 шрифтов, мокапов и элементов дизайна
byРазработанный Emigre курсивный стиль миссис Ивз чист и разборчив, но при этом сохраняет романтическую формальность Баскервилей.
НЕОГРАНИЧЕННАЯ ЗАГРУЗКА: более 50 миллионов шрифтов и элементов дизайна
6. Kepler Italic
Разработанный шрифтовым дизайнером Adobe Робертом Слимбахом, Kepler представляет собой классический шрифт с засечками, вдохновленный современными шрифтами 18-го века.
Более гуманистичный, чем Баскервиль, Кеплер теплый и энергичный, а курсивное начертание кажется особенно свежим и оптимистичным.
7. Cormorant Italic (БЕСПЛАТНО)
Очень приятная альтернатива Garamond, Cormorant — это современный шрифт с засечками, созданный Кристианом Тальманном из Catharsis Fonts. Легкий и воздушный, с округлыми формами букв, яркий и свежий дух обычного веса прекрасно переносится в курсив.
Используйте на элегантных канцелярских принадлежностях или на веб-сайтах розничной торговли, чтобы получить максимальную отдачу от этого стильного, легкого как перышко курсива.
8. Caslon Italic
Еще одна любимая классика. Caslon — это название, данное семейству шрифтов с засечками, разработанному лондонским шрифтовиком Уильямом Каслоном.
Этот старинный шрифт с засечками любим дизайнерами за его способность привносить в дизайн теплоту и романтику. Это универсальный шрифт, подходящий для набора как основного текста, так и заголовков, а его курсивное начертание также является одним из самых красивых.
9. Freight Text Italic
Отличительный шрифт с засечками. Freight Text — характерный и очень разборчивый шрифт, разработанный с учетом потребностей читателя.
Курсив Freight Text хорошо удобен для чтения и отлично подходит для набора длинных цитат или выдержек из газет, книг или веб-сайтов с большим объемом текста.