Наклон текста
Наклон определяется сдвигом шрифта на определённый угол. Различают два типа наклона: просто наклонный шрифт (oblique) и курсив (italic). Курсивный шрифт представляет собой не просто наклон отдельных символов, для шрифтов с засечками это полная переделка под новый стиль, имитирующий рукописный. Следует отметить, что хотя браузеры и различают тип наклона italic и oblique, при этом они отображают текст как курсив.
Для создания курсивного текста применяются элементы и , а также стилевое свойство font-style . Следует отметить, что и несмотря на сходство результата в браузере, не совсем эквивалентны и заменяемые. Первый элемент (сокращение от англ. слова italic — курсив) — является элементом для физической разметки и устанавливает курсивный текст, а (сокращение от англ. emphasis — выделение, акцент) — элементом логической разметки и определяет важность помеченного текста. Такое разделение элементов на логическое и физическое форматирование изначально предназначалось чтобы сделать HTML универсальным, в том числе не зависящим от устройства вывода информации. Теоретически, если воспользоваться, например, речевым браузером, то текст, оформленный с помощью и , будет отмечен по-разному. Однако получилось так, что в популярных браузерах результат использования этих элементов равнозначен.
Чтобы различия были более заметны, добавим несколько классов с разным цветом текста (пример 1). Так мы не только сделаем акцент на выбранном тексте, но и выделим его визуально.
Пример 1. Изменение цвета текста
Результат примера показан на рис. 1.
Рис. 1. Вид текста, оформленного через , в браузере
font-style определяет начертание шрифта — normal (обычное), italic (курсивное) или oblique (наклонное), как показано в примере 2. Когда для текста установлено курсивное или наклонное начертание, браузер обращается к системе для поиска подходящего шрифта. Если заданный шрифт не найден, браузер использует специальный алгоритм для имитации нужного вида текста. Результат и качество при этом могут получиться неудовлетворительными, особенно при печати документа.
Пример 2. Курсивный и наклонный текст
Курсив и наклонный шрифт при всей их похожести — не одно и то же. Курсив — это специальный шрифт, напоминающий рукописный, наклонный же образуется путём наклона обычных знаков. Несмотря на то, что между указанными начертаниями существует различие, браузеры, как правило, отображают их одинаково (рис. 2).
Рис. 2. Курсивный и наклонный текст в браузерах отображается одинаково
См. также
- font-style
- Свойства шрифта в CSS
font-style
Определяет начертание шрифта — обычное, курсивное или наклонное. Когда для текста установлено курсивное или наклонное начертание, браузер обращается к системе для поиска подходящего шрифта. Если заданный шрифт не найден, браузер использует специальный алгоритм для имитации нужного вида текста. Результат и качество при этом могут получиться неудовлетворительными, особенно при печати документа.
Синтаксис
font-style: normal | italic | oblique | inherit
Значения
normal Обычное начертание текста. italic Курсивное начертание. oblique Наклонное начертание. Курсив и наклонный шрифт при всей их похожести не одно и то же. Курсив это специальный шрифт имитирующий рукописный, наклонный же образуется путем наклона обычных знаков вправо. inherit Наследует значение родителя.
HTML5 CSS2.1 IE Cr Op Sa Fx
font-style Duis te feugifacilisi
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.
Результат данного примера показан на рис. 1.
Рис. 1. Применение свойства font-style
Объектная модель
[window.]document.getElementById(» elementID «).style.fontStyle
Браузеры
Internet Explorer до версии 7.0 включительно не поддерживает значение inherit .
Браузеры текст со значением oblique всегда отображают как курсив ( italic ).
font-style
Курсив — это вид начертания, при котором символы написаны под наклоном и иногда имеют дополнительные засечки.
В CSS можно задать курсивный шрифт, используя свойство font-style со значением italic . Однако не во всех шрифтах предусмотрен курсив, и вместо него можно увидеть лишь наклонные символы. Такие символы также наклонены вправо, но при этом браузер не использует специально разработанный набор символов, а просто наклоняет стандартный шрифт, то есть визуально это будет выглядеть как просто наклонный текст.
Чтобы получить наклонный текст, вы также можете использовать свойство font-style , задав для него значение oblique .
Если разница между наклонным текстом и курсивными символами для вас не очень велика, просто выберите один из этих вариантов. Если же она имеет для вас значение, придется протестировать различные сочетания шрифтов и браузеров для достижения лучшего результата.
| Значение по умолчанию: | normal |
|---|---|
| Применяется: | ко всем элементам |
| Анимируется: | нет |
| Наследуется: | да |
| Версия: | CSS1 |
| Синтаксис JavaScript: | object.style.fontStyle=»italic» |
Синтаксис
font-style: normal|italic|oblique|inherit;
Значения свойства
| Значение | Описание |
|---|---|
| normal | Браузер отображает стандартный шрифт. |
| italic | Устанавливает курсивный шрифт. |
| oblique | Определяет наклонный текст. |
| inherit | Указывает, что значение наследуется от родительского элемента. |
Как сделать шрифт под наклоном
L A T E X выбирает подходящее начертание и размер шрифта, основываясь на логической структуре документа (разделы, сноски, . ). Иногда может быть желательно сменить шрифт вручную. Для этого вы можете пользоваться командами, перечисленными в таблицах. Действительный размер каждого шрифта определяется дизайном и зависит от класса и опций документа. Таблица показывает абсолютные размеры, соответствующие этим командам в стандартных классах документов.
, \Large большой, \textit.>
Маленький, полужирный , большой, курсив .
Важная особенность L A T E X2 e заключается в том, что атрибуты шрифта независимы. Это значит, что вы можете давать команды смены размера или даже семейства шрифта, сохраняя при этом установки атрибутов наклона или насыщенности.
В математическом режиме вы можете использовать команды смены шрифта, чтобы временно выйти из математического режима и ввести нормальный текст. Если вы хотите переключиться на другой шрифт для верстки математики, то для этого существует отдельный набор команд. Смотрите таблицу.
| |
| |
| |
| |
В связи с командами смены размера шрифта заметную роль играют фигурные скобки. Они используются для построения групп . Группы ограничивают область действия большинства команд L A T E X.
Ему нравятся <\LARGE большие и <\small маленькие>буквы>.
Ему нравятся большие и маленькие буквы .
Команды, влияющие на размер шрифта, влияют также на расстояние между строками, но только если соответствующий абзац заканчивается внутри области действия команды. Поэтому закрывающая фигурная скобка > не должна стоять слишком рано. Заметьте положение команды \par в следующих двух примерах:
Не читайте это! Это неправда. Верьте мне!
Это тоже неправда. Но помните, что я вру.
Если вы хотите применить команду изменения размера к целому абзацу текста или больше того, то для этого лучше использовать синтаксис окружения.
\begin Это неправда. Но что в наши дни\ldots \end
Это неправда. Но что в наши дни.
Это избавит вас от подсчета множества фигурных скобок.