font-style | htmlbook.ru
| Internet Explorer | Chrome | Opera | Safari | Firefox | Android | iOS | |
| 6.0+ | 8.0+ | 1.0+ | 3.5+ | 1.0+ | 1.0+ | 1.0+ | 1.0+ |
Краткая информация
| Значение по умолчанию | normal |
|---|---|
| Наследуется | Да |
| Применяется | Ко всем элементам |
| Ссылка на спецификацию | http://www.w3.org/TR/CSS21/fonts.html#propdef-font-style |
Версии CSS
| CSS 1 | CSS 2 | CSS 2.1 | CSS 3 |
|---|---|---|---|
Описание
Определяет начертание шрифта — обычное, курсивное или наклонное. Когда
для текста установлено курсивное или наклонное начертание, браузер обращается
к системе для поиска подходящего шрифта. Если заданный шрифт не найден, браузер
использует специальный алгоритм для имитации нужного вида текста.
Результат
и качество при этом могут получиться неудовлетворительными, особенно при печати
документа.
Синтаксис
font-style: normal | italic | oblique | inherit
Значения
- normal
- Обычное начертание текста.
- italic
- Курсивное начертание.
- oblique
- Наклонное начертание. Курсив и наклонный шрифт при всей их похожести не одно и то же. Курсив это специальный шрифт имитирующий рукописный, наклонный же образуется путем наклона обычных знаков вправо.
- inherit
- Наследует значение родителя.
Пример
HTML5CSS2.1IECrOpSaFx
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>font-style</title>
<style>
h2 {
font-family: Verdana, Arial, Helvetica, sans-serif; /* Рубленый шрифт заголовка */
}
p {
font-family: 'Times New Roman', Times, serif; /* Шрифт с засечками */
font-style: italic; /* Курсивное начертание */
}
</style>
</head>
<body>
<h2>Duis te feugifacilisi</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem
nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.
Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit
lobortis nisl ut aliquip ex ea commodo consequat.</p>
</body>
</html>
Результат данного примера показан на рис. 1.
Рис. 1. Применение свойства font-style
Объектная модель
[window.]document.getElementById(“elementID”).style.fontStyle
Браузеры
Internet Explorer до версии 7.0 включительно не поддерживает значение inherit.
Браузеры текст со значением oblique всегда отображают как курсив (italic).
Шрифт
CSS по теме
- font-style
Статьи по теме
- Свойства текста
Рецепты CSS
12 практических советов / Хабр
Мы уже писали о том, что типографика и ее подбор оказывают большое влияние на качество почтовой рассылки в частности (и жизни вообще). Разумеется, при выборе основного шрифта для письма нужно ориентироваться на его читабельность (о том, какие шрифты и их характеристики наиболее популярны у известных брендов, создающих почтовые рассылки, мы рассказывали здесь).
Однако, как и в любом качественном тексте, в рассылке важно расставлять акценты – в том числе и визуальные (почему это так важно и как это сделать, читайте в этом топике). С подобной задачей может отлично справиться курсив, о котором и пойдет речь в материале ресурса Typogrpaphy.com — мы представляем вашему вниманию его адаптированный перевод.
Курсив, возможно, является самой яркой частью любого семейства шрифтов, выделяясь на фоне своих «собратьев». Ниже мы расскажем о 12 разновидностях курсивных шрифтов вместе с описанием их культурно-исторического наследия и практического применения.
В отличие от прямого шрифта, курсив больше напоминает рукописный текст. Как и в рукописном тексте, с помощью которого мы составляем списки покупок или официальные приглашения, разные виды курсива могут отражать совершенное различные настроения. Понимание особенностей курсивных шрифтов может сделать их ценным инструментом в руках дизайнера.
Некоторые мастера каллиграфии считают, что курсивное письмо достигло своего расцвета в 16 веке в стиле, известном как канцелярский курсив.
Эти каллиграфические начертания букв с тонкими и толстыми штрихами и острыми смотрящими вверх углами выводились ширококонечным пером. Канцелярский курсив долгое время считался элементом роскоши, который позволял выразить радость в свадебном приглашении или трогательность в сборнике стихотворений. Для примера мы взяли приятный стиль Requiem Italic.
Совет: Так как в канцелярском курсиве используются изящные, удлиненные выносные элементы, межстрочный пробел стоит увеличить.
Многие «оживленные» типы курсива выполнены в стиле постмодернизма и содержат элементы различных жанров. Основу этого дизайна составляют буквы с фиксированной шириной: они выполнены с учетом особенностей прямого и рукописного шрифтов и имеют приветливый и нестрогий внешний вид. Эта гарнитура имеет девять степеней насыщенности, так что светлое и сверхжирное начертания шрифта сильно отличаются.
Совет: Эклектичность курсива Operator напоминает о многообразии стилей, входящих в гарнитуру.
Разница между капителями и строчными буквами или между светлым и полужирным шрифтом может оказаться не менее явной, чем между прямым шрифтом и курсивом.
Этот утонченный дизайн букв в традиционном английском стиле никак не связан с историей отливки шрифта. Изначально его использовали при составлении карт – в названиях водных объектов. Вместо засечек буквы имеют длинные и плавные «хвостики» внизу: они помогают взгляду следовать за волнистой линией шрифта, напоминающей извилистую форму течения реки или побережья. Такой стиль может стать отличным решением для дизайнера, которому нужно наложить шрифт на кривую, особенно в значках и логотипах, где есть буквы небольшого размера.
Совет: Выбирайте толщину линий в шрифтах Surveyor в соответствии с оптическим размером, необходимым в конкретных условиях. Surveyor Text больше подойдет для обычного текста, Surveyor Display – для стандартных заголовков, а Surveyor Fine – для более крупных надписей.
Голландские шрифты старого стиля выглядят одновременно и насыщенными, и яркими.
После своего появления в 17 веке, когда на смену воздушному Garamond пришел более суровый североевропейский стиль, эти гарнитуры стали чаще использоваться в случаях, когда требуется получить плотный цвет и сохранить классический облик текста. Их насыщенность особенно уместна, когда текст отображается на неконтрастном фоне, как белый шрифт на сером фоне на рисунке выше.
Совет: Жирные штрихи и размашистые изгибы делают такие гарнитуры, как Quarto, неплохим вариантом как для увеличения, так и для уменьшения трекинга. Надписи с широко отстоящими прописными буквами, как в примере выше, выразят торжественность и величавость, тогда как плотный текст можно сделать дружелюбным и более удобным для чтения.
Распространение афиш и плакатов на закате эпохи Промышленной революции привело к появлению первых ярких курсивных шрифтов. Эти гарнитуры, как ни странно, получившие название «жирные», будут эффектно выглядеть в любом размере, если дизайн подобран правильно.
Совет: У шрифта Surveyor Fine Black Italic есть декоративный аналог в семействе Obsidian.
В частности, Obsidian Italic содержит такой же обширный комплект знаков шрифта, что и Surveyor, включая капители и росчерки.
Углы наклона курсива формируют его индивидуальность. Шрифт, слегка наклоненный под углом 6°, может быть нежным и лиричным, однако если наклонить его под 15°, он тут же приобретет живость. Этот энергичный суперкурсив выполнен под максимально возможным углом в 28°, отражая быстроту и резкость. Эта гарнитура, подходящая как для проведения политических кампаний, так и для соревнований по мотоспорту, используется дизайнерами везде, где нужно выразить неудержимую силу. Помимо прочего, семейство дополняется косым шрифтом, наклоненным влево, предлагая альтернативу прямому и курсивному шрифтам.
Совет: Несмотря на плотное расположение букв по умолчанию, гарнитура Nitro нестандартно решает вопрос с межбуквенным интервалом. Сильный наклон задает энергичный темп для того, чтобы взгляд читателя быстрее двигался вдоль строки, так что даже плотно сбитый текст будет оставаться связным и разборчивым.
Прописные буквы с росчерком, которые были элементом типографики еще с момента появления первых курсивных шрифтов, достигли своего расцвета во французских шрифтах старого стиля Garamond и Granjon. Хотя росчерки обычно используются только в начале слова, многие гарнитуры содержат завитки у прописных букв. При этом важно проследить за тем, чтобы буквы с замысловатыми завитушками не мешали своим соседям.
Совет: В Hoefler Titling Italic росчерки C, E, J, K, Q, S, T, X, Y, и Z выполнены так, чтобы не мешать соседним буквам. Росчерки в середине слов используются в гарнитурах Hoefler Text Italic.
Некоторые курсивные шрифты напоминают рукописный почерк, следуя за естественным движением руки; другие же выглядят как прямой шрифт, выполненный под наклоном. Гарнитуры нового стиля зачастую содержат элементы и тех, и других, сочетая плавные переходы между строчными буквами с довольно строгим начертанием прописных букв. Такой баланс между технической точностью и эстетичной живостью популярен в прикладных искусствах и особенно характерен для типографики культурных учреждений, предметов архитектуры, но чаще всего встречается в сфере моды.
Совет: «Модная» типографика – как в журналах, так и рекламе – долгое время держалась на точности и элегантности гарнитуры HTF Didot. Помимо ее известных прямых шрифтов, стоит обратить внимание на более редкие варианты курсива. Они выражают ту же глубину с легкой грациозностью.
Гарнитуры в стиле antique имеют массивные засечки без скруглений – по крайней мере их прямые шрифты. Не менее оригинален и более редкий Antique Italic. Его толстые скругления и едва заметные каплевидные элементы формируют текстуру, отличающую его от прямого собрата и сохраняющую при этом те же солидность и дерзость начертания. Универсальные шрифты Antique выражают не только спокойствие и серьезность, но и теплоту и подвижность при крайне высокой насыщенности, которая делает шрифт ярким и броским.
Совет: Несмотря на то, что гарнитуры наподобие Sentinel часто считают акцидентными, их можно с успехом использовать и в основном тексте. Учитывая весь спектр насыщенности шрифтов, их четкие элементы и проработанная структура будут хорошо видны даже в очень мелком наборе.
В зависимости от вашего вкуса, светлое, нормальное и полужирное начертания шрифтов этого семейства можно взять за «обычную» насыщенность для текста.
У многих гротесков, в соответствии с их логикой, курсивы зачастую слишком сдержанны и выглядят, как обычный шрифт под наклоном. Однако в работе с более гуманистическими гарнитурами имеет смысл выбрать другой подход, при котором используются типы курсива, характерные для дизайна шрифтов с засечками. Выступающие элементы и аккуратно скругленные линии на примере выше придают курсиву стиль, близкий к рукописному.
Совет: Шрифт без засечек с плавным курсивом вполне можно использовать в основном тексте. Ideal Sans Italic включает не только элементы рукописного шрифта и овальные формы, но и более тесное расположение букв по сравнению с прямым шрифтом, что придает ему особый ритм.
Один из способов устранить разрыв между формальностью печатного шрифта и неформальностью рукописного – создать смешанные формы литер, в которых сочетаются типографские и каллиграфические элементы.
Этот подход применяется в курсиве Archer Italic, позволяя устранить ряд противоречий, присущих первоначальному дизайну. Гарнитура должна быть информативной, но не педантичной; привлекательной, но не броской; милой, но не слащавой – баланс возник в результате смешения строгих засечек и плавных «хвостиков» в одной букве. Многие заметные детали в дизайне строчных букв, такие как каплевидный элемент в строчной C, теперь используются и в прописных буквах. Этот нестандартный ход в дальнейшем смягчил начертание брускового шрифта, которое могло стать излишне строгим.
Совет: Брусковые шрифты с каплевидными элементами могут выглядеть непривычно при крайних степенях насыщенности, зачастую теряя баланс в светлой части спектра и становясь неуместными при сверхжирном начертании. Обратите внимание на дизайн шрифтов, которые при сверхсветлой насыщенности становятся ясными и сдержанными, а при сверхжирной – строгими и бодрыми. Гарнитуру можно использовать и в обычном тексте – при этом отпадает необходимость дополнительно искать подходящий шрифт с засечками.
Некоторые наиболее интересные типы курсивов вовсе не имеют исторических предпосылок. Представленный выше вариант оспаривает идею того, что все курсивные шрифты должны иметь скругленную форму. Такой шрифт можно эффективно использовать в проектах, где нужно избегать исторических связей или визуальных клише.
Совет: Курсив с неожиданным дизайном может произвести нужный эффект, если им пользоваться в меру. Больше внимания привлекают шрифты, где такой дизайн используется экономно – от логотипов и монограмм до отдельных буквиц.
Другие материалы по теме дизайна и типографики от «Печкина»:
- 3 совета по правильному использованию шрифтов в электронных письмах
- Как спроектировать почтовую рассылку, которая не раздражает: 10 простых советов
- Интерфейсы: Как не нужно делать опцию отписки от email-рассылки
- Интерфейсы: Как создавать формы для подписки на email-рассылку и оповещения
- Эксперимент: Стоит ли использовать формы в email
- How-to: Типографика в дизайне email-писем
Slanted Font – Etsy Turkey
Etsy больше не поддерживает старые версии вашего веб-браузера, чтобы обеспечить безопасность пользовательских данных.
Пожалуйста, обновите до последней версии.
Воспользуйтесь всеми преимуществами нашего сайта, включив JavaScript.
Найдите что-нибудь памятное, присоединяйтесь к сообществу, делающему добро.
( 47 релевантных результатов, с рекламой Продавцы, желающие расширить свой бизнес и привлечь больше заинтересованных покупателей, могут использовать рекламную платформу Etsy для продвижения своих товаров. Вы увидите результаты объявлений, основанные на таких факторах, как релевантность и сумма, которую продавцы платят за клик. Узнать больше. )шрифтов – В чем разница между курсивом и наклонным текстом? – TeX
Когда оба атрибута различаются, slanted является наклонной версией римского шрифта; форма в основном такая же, но «наклонная».
Курсив, с другой стороны, имеет другую форму букв. Следующий пример показывает разницу:
\documentclass{статья}
\начать{документ}
\Огромный
Какой-то текст
\textit{Некоторый текст}
\textsl{Некоторый текст}
\конец{документ}
Обратите внимание, что некоторые шрифты без засечек (например, Computer Modern без засечек) не имеют «настоящего» курсивного шрифта, а представляют собой наклонную версию латинской формы:
\documentclass{article}
\начать{документ}
\Огромный\sffamily
Какой-то текст
\textit{Некоторый текст}
\textsl{Некоторый текст}
\конец{документ}
С другой стороны, как Сперавир упоминает в своем комментарии, что не каждый шрифт roman/serif имеет наклонную форму:
\documentclass{article}
\usepackage{tgpagella}
\начать{документ}
\Огромный
Какой-то текст
\textit{Некоторый текст}
\textsl{Некоторый текст}
\конец{документ}
Вот что говорит Дональд Кнут (стр. 13 из The TeXbook ):
Обратите внимание, что две из этих граней имеют «наклонный» наклон для выделения: Наклонный шрифт по сути такой же, как прямой, но буквы немного перекошены, а буквы, выделенные курсивом, нарисованы другой стиль.
(Возможно, лучше всего вы сможете оценить разницу между прямым и курсивным стилями, созерцая буквы, которые выделены курсивом без наклона.) Типографские соглашения в настоящее время находится в переходном состоянии, потому что новые технологии сделали его можно делать вещи, которые раньше были непомерно дорогими; люди ломают голову над вопросом, сколько использовать новообретенную типографская свобода. Наклонный прямой шрифт был введен в 19 в.30-е годы, но сначала он стал широко использоваться в качестве альтернативы обычному курсив в конце 1970-х гг. Это может быть полезно в математике текстов, так как наклонные буквы отличимы от курсива буквы в математических формулах. Двойное использование курсива для двух различных целях — например, когда формулировки теорем выделены курсивом, как и имена переменных в этих теоремах, — привело к некоторой путанице, которой теперь можно избежать с помощью наклонного шрифта. Люди в целом нет единого мнения об относительных достоинствах наклонного и курсив, но наклонный шрифт быстро становится фаворитом для заголовков книг и журналов в библиографии.
