Начертание шрифта: Что такое типографика и какие шрифты использовать на сайте — руководства на Skillbox

Начертание шрифта — это… Что такое Начертание шрифта?

Начертание шрифта

НАЧЕРТАНИЕ ШРИФТА — графическая разновидность шрифта в пределах одной гарнитуры, различаемая по плотности (ширине) очка (нормальное, узкое, широкое Н. ш.), по постановке (наклону) очка (прямое, курсивное, наклонное Н. ш.), по насыщенности (жирности) очка (светлое, полужирное, жирное Н. ш.).

Условное обозначение Н. ш. см. Индексация шрифтов.

СанПиН 1.2.1253—03 для осн. текста изданий, адресуемых взрослому читателю, предусматривает только шрифт нормального светлого прямого начертания.

В книжных изданиях для детей ОСТ 29.127—96 регламентирует Н. ш. в зависимости от возрастной группы читателей и кегля шрифта (см. след. табл.).

Кегль, п.	Начертание
Дети до 6 лет включ.
20 и более,	Нормальное или широкое
16, 18	светлое прямое
14	Широкое или сверхширокое светлое прямое
7—10 лет
20 и более,	Нормальное или широкое
16, 18, 14	светлое прямое
12	Широкое или сверхширокое светлое прямое
11—17 лет
12, 10, 9	Нормальное или широкое светлое прямое

Издательский словарь-справочник. — М.: ОЛМА-Пресс. Мильчин А.Э.. 2003.

• Кегль (кегель)
• Кегельная

Смотреть что такое «Начертание шрифта» в других словарях:

• Начертание шрифта — графический рисунок наборного шрифта, входящего в состав определенной гарнитуры. Н. ш. классифицируются: по ширине очка шрифта (нормальное, узкое, широкое), по наклону шрифта (прямое, курсивное), по насыщенности (светлое, нормальное, полужирное,… …   Реклама и полиграфия

• начертание шрифта — Каждое видоизменение наборного шрифта, входящего в состав одной гарнитуры. Примечание Начертания шрифта различаются: по плотности: узкое, нормальное, широкое; по насыщенности: светлое, полужирное, жирное; по наклону: прямое, курсивное, наклонное …   Справочник технического переводчика

• начертание шрифта — 3.12 начертание шрифта: Каждое видоизменение наборного шрифта, входящего в состав одной гарнитуры. Примечание Начертания шрифта различаются: по плотности узкое, нормальное, широкое; по насыщенности светлое, полужирное, жирное; по наклону прямое,… …   Словарь-справочник терминов нормативно-технической документации

• начертание шрифта — Вариант рисунка наборного шрифта одной гарнитуры. Начертания шрифта классифицируются: по плотности – узкое, нормальное, широкое; по насыщенности – светлое, полужирное, жирное; по наклону – прямое, курсивное, наклонное …   Краткий толковый словарь по полиграфии

• начертание шрифта (информационные технологии) — начертание шрифта вариант изображения литер одной гарнитуры — [Е.С.Алексеев, А.А.Мячев. Англо русский толковый словарь по системотехнике ЭВМ. Москва 1993] Тематики информационные технологии в целом Синонимы вариант изображения литер одной… …   Справочник технического переводчика

• Наклонное начертание шрифта — начертание шрифта, в котором осн. штрихи отклонены от вертикали справа налево сверху вниз, как и в курсивном начертании, но, в отличие от последнего, без соединительных завитков. Напр.: См. таблицу наклонов шрифта. Н. н. ш. используется гл. обр.… …   Издательский словарь-справочник

• декоративное начертание шрифта — (Decorative style)     Начертание шрифта, образованное от основного и служащее для декоративных целей. Применяются декоративные начертания, образованные различной обработкой контура знаков [граница изображения знака] (контурные, оконтуренные,… …   Шрифтовая терминология

• Узкое начертание шрифта — начертание шрифта, которое выделяется по плотности очка шрифта и у которого, по определению ГОСТ 3489.1 71, отношение ширины знака типа строчной буквы н к его высоте составляет свыше 50 до 65% при кг. 5 7, свыше 45 до 60% при кг. 8 12, свыше 40… …   Издательский словарь-справочник

• Широкое начертание шрифта — начертание шрифта, которое выделяется по плотности очка шрифта и у которого, по определению ГОСТ 3489.1 71, отношение ширины знака типа строчной буквы н к его высоте составляет свыше 90 до 115% при кг. 5 7, свыше 85 до 105% при кг. 8 12, свыше 80 …   Издательский словарь-справочник

• Нормальное начертание шрифта — начертание шрифта, которое выделяется по плотности очка шрифта и у которого, по определению ГОСТ 3489.1 71, отношение ширины знака типа строчной буквы н к его высоте составляет свыше 65 до 90% при кг. 5 7, свыше 60 до 85% при кг. 8 12, свыше 55… …   Издательский словарь-справочник

Параметры шрифты

У каждого человека есть свой почерк. Записывая информацию от руки на бумаге, мы преобразуем ее в определенные символы. Точно также информация на компьютере, которая выводится на экран компьютера или на принтер, первоначально проходит этап преобразования символов текста в их изображения на экране или на бумаге. Для этого используются компьютерные шрифты.

Проводя сравнение между почерком человека и компьютерным шрифтом, можно сказать, что шрифт является аналогом почерка. Точнее, шрифт – это набор изображений символов определенного алфавита. Эти изображения, как правило, выдержаны в одном стиле, в общем формате, имеют одинаковый дизайн.

Шрифт является для компьютера инструкцией, в каком виде следует выводить символы текста на экран или на печать.

Шрифтов много, отличаются они друг от друга по трем параметрам:

• гарнитура,
• размер символов,
• начертание.

Рассмотрим эти параметры шрифта.

Гарнитура шрифта

Гарнитура шрифта – это один шрифт или набор шрифтов, имеющих одинаковый дизайн, общее художественное решение. Как правило, шрифты одной гарнитуры разрабатываются одним автором.

Лингвистически слова «гарнитура» и «гарнитур» похожи. Гарнитур означает набор предметов, имеющих схожее назначение, например, мебельный гарнитур,  ювелирный гарнитур и т.п. Также и гарнитура объединяет набор шрифтов для вывода текста на экран или на принтер. Все предметы из гарнитура, также как все шрифты одной гарнитуры, выполнены в одном стиле, имеют единое художественное решение.

Каждая гарнитура имеет свое имя, например, Times New Roman, Courier New. Есть гарнитуры со специальными символами, например, Symbol  и Wingdings.

В названиях компьютерных шрифтов русские буквы не используются. Вместо этого применяется латинский алфавит, например, «Baltica», «Svetlana» (это транслитерация, когда русские названия пишутся английскими буквами).  Также возможен английский перевод русских названий шрифтов, например,  «Schoolbook». Шрифты, которые пришли к нам с Запада, сохраняют свои названия, например, шрифт Garamond.

Слово «гарнитура» обычно опускается. Как правило, просто говорят «выберите шрифт Arial» или «документ набран шрифтом Times New Roman». Также обычно упрощают и вместо «гарнитура», либо «имя гарнитуры» говорят «имя шрифта».

Размер символов шрифта

Если гарнитура (проще говоря, имя шрифта) является первым параметром шрифтов, то вторым параметром является размер символов шрифта.

Можно встретить еще такое название – кегль шрифта (кегель шрифта). Это то же самое, что и размер шрифта.

Зачем нужны разные размеры шрифта? Обычно заголовки печатаются крупнее, чем основной текст документа. Таким образом, к заголовкам привлекается внимание, что облегчает чтение документа при первом же взгляде на страницу. Текст в сносках и примечаниях набирается мельче, чем текст основного текста документа, что подчеркивает второстепенность представленной там информации.

Как задается размер шрифта (или кегель шрифта)? Обычно пользователи выбирают размер шрифта – 8, 10, 12, 14 и т.д. Здесь цифры означают размер символов шрифта по вертикали в типографских пунктах между вершиной самого высокого символа и нижней точкой самого низкого (см. рисунок).

Слово «пункт» произошло от немецкого слова «punkt» и переводится как «точка». Для тех, кто любит цифры, сообщаю, что один пункт равен 1/72 дюйма, то есть 0,3528 миллиметра. Соответственно, для того, чтобы 8 пунктов перевести в миллиметры, надо 8 умножить на 0,3528. В результате получится, что 8 пунктов – это 2,8224 миллиметра.

Начертание шрифта

Перейдем к последнему третьему параметру шрифтов, точнее, к начертанию. Начертание шрифта – это разные варианты шрифта внутри одной гарнитуры, точнее:

• стиль и
• насыщенность шрифта.

Самыми распространенными стилями шрифтов являются прямой и

Насыщенность отвечает за толщину штрихов символов. Обычно используют нормальное (обычное) и полужирное начертания. Последнее иногда еще упрощенно называют «толстый шрифт», если не знают терминов «полужирный» или «жирный».

Некоторые гарнитуры могут содержать шрифты светлой (thin), очень светлой (light), жирной (heavy) и сверхжирной (ultra heavy) насыщенности.

Компьютерные программы позволяют применять обычное, курсивное, полужирное и полужирное курсивное начертания шрифтов. В некоторых шрифтах (точнее, гарнитурах) есть все перечисленные начертания, а в некоторых есть только одно начертание, как правило, обычное начертание. На то, как говорится, воля художника, автора шрифта.

P.S. Рекомендую также прочитать:

3 способа задания параметров шрифта

Шрифт с засечками. Рубленый шрифт.

Какие шрифты есть на моем компьютере?

Таблица символов Windows

Два шрифта без букв

Получайте актуальные статьи по компьютерной грамотности прямо на ваш почтовый ящик.
Уже более 3.000 подписчиков

Важно: необходимо подтвердить свою подписку! В своей почте откройте письмо для активации и кликните по указанной там ссылке. Если письма нет, проверьте папку Спам.

5 января 2011

В двух словах о шрифтах, часть первая — Дизайн на vc.ru

Обычно клиенты совсем ничего не понимают в шрифтах. Многие всё ещё считают любой шрифт с засечками «стандартным вордовским». Как дизайнеры мы страдаем от этого, но как стратеги — вместо того чтобы страдать и злиться, объясняем всё по порядку.

Такую статью можно было бы составить из сплошных дисклеймеров вроде «рассматривать будем только современные европейские системы письменностей, когда Овен в Меркурии». Мы так и сделали, а потом всё это убрали, но несколько предупреждений пришлось-таки оставить.

• Просим отойти от экранов специалистов по шрифтам и буквам. Эта статья от простых ребят из брендинга для простых любопытствующих.
• Не будем брать для разбора экстремальные варианты (ещё их называют акцидентными). С ними сложно. С первого взгляда может показаться, что в их оценке — сплошная вкусовщина, но на деле для этого нужно обладать большим опытом. Так и во многих других сферах бывает, ничего страшного. Просто продолжайте.
  
• Общепринятой классификации шрифтов нет. Если бы она существовала, не существовало бы этой статьи. Как ни группируй их, всегда найдётся тот, который входит сразу в несколько категорий.

Удобство чтения

Когда мы были студентами на факультете графического дизайна в университете, нас заставляли рисовать буквы тушью на бумаге, используя сетки, линейки и циркули.

С годами и с опытом стало ясно, что, вообще-то, невозможно построить хороший шрифт с помощью чёткой геометрии. Такие шрифты просто неудобно читать. Даже те из них, которые выглядят как вычерченные, на самом деле скомпенсированы для комфортного восприятия человеком.

Наш мозг воспринимает геометрически правильные круги и квадраты немного вытянутыми по вертикали — ничего не поделаешь, так он устроен. Поэтому все буквы О — немного приплюснутые, и подобных визуальных компенсаций в шрифтах невероятно много.

Розовым отмечен ровный круг. Шрифт Futura

Иногда уместно делать

начертание шрифта — это… Что такое начертание шрифта?

начертание шрифта

3.12 начертание шрифта: Каждое видоизменение наборного шрифта, входящего в состав одной гарнитуры.

Примечание — Начертания шрифта различаются:

по плотности — узкое, нормальное, широкое;

по насыщенности — светлое, полужирное, жирное;

по наклону — прямое, курсивное.

3.2.2.5 начертание шрифта: Каждое видоизменение наборного шрифта, входящего в состав одной гарнитуры.

Словарь-справочник терминов нормативно-технической документации. academic.ru. 2015.

• начальный шум
• ная комбикормовая продукция

Смотреть что такое «начертание шрифта» в других словарях:

• Начертание шрифта — графическая разновидность шрифта в пределах одной гарнитуры, различаемая по плотности (ширине) очка (нормальное, узкое, широкое Н. ш.), по постановке (наклону) очка (прямое, курсивное, наклонное Н. ш.), по насыщенности (жирности) очка (светлое,… …   Издательский словарь-справочник

• Начертание шрифта — графический рисунок наборного шрифта, входящего в состав определенной гарнитуры. Н. ш. классифицируются: по ширине очка шрифта (нормальное, узкое, широкое), по наклону шрифта (прямое, курсивное), по насыщенности (светлое, нормальное, полужирное,… …   Реклама и полиграфия

• начертание шрифта — Каждое видоизменение наборного шрифта, входящего в состав одной гарнитуры. Примечание Начертания шрифта различаются: по плотности: узкое, нормальное, широкое; по насыщенности: светлое, полужирное, жирное; по наклону: прямое, курсивное, наклонное …   Справочник технического переводчика

• начертание шрифта — Вариант рисунка наборного шрифта одной гарнитуры. Начертания шрифта классифицируются: по плотности – узкое, нормальное, широкое; по насыщенности – светлое, полужирное, жирное; по наклону – прямое, курсивное, наклонное …   Краткий толковый словарь по полиграфии

• начертание шрифта (информационные технологии) — начертание шрифта вариант изображения литер одной гарнитуры — [Е.С.Алексеев, А.А.Мячев. Англо русский толковый словарь по системотехнике ЭВМ. Москва 1993] Тематики информационные технологии в целом Синонимы вариант изображения литер одной… …   Справочник технического переводчика

• Наклонное начертание шрифта — начертание шрифта, в котором осн. штрихи отклонены от вертикали справа налево сверху вниз, как и в курсивном начертании, но, в отличие от последнего, без соединительных завитков. Напр.: См. таблицу наклонов шрифта. Н. н. ш. используется гл. обр.… …   Издательский словарь-справочник

• декоративное начертание шрифта — (Decorative style)     Начертание шрифта, образованное от основного и служащее для декоративных целей. Применяются декоративные начертания, образованные различной обработкой контура знаков [граница изображения знака] (контурные, оконтуренные,… …   Шрифтовая терминология

• Узкое начертание шрифта — начертание шрифта, которое выделяется по плотности очка шрифта и у которого, по определению ГОСТ 3489.1 71, отношение ширины знака типа строчной буквы н к его высоте составляет свыше 50 до 65% при кг. 5 7, свыше 45 до 60% при кг. 8 12, свыше 40… …   Издательский словарь-справочник

• Широкое начертание шрифта — начертание шрифта, которое выделяется по плотности очка шрифта и у которого, по определению ГОСТ 3489.1 71, отношение ширины знака типа строчной буквы н к его высоте составляет свыше 90 до 115% при кг. 5 7, свыше 85 до 105% при кг. 8 12, свыше 80 …   Издательский словарь-справочник

• Нормальное начертание шрифта — начертание шрифта, которое выделяется по плотности очка шрифта и у которого, по определению ГОСТ 3489.1 71, отношение ширины знака типа строчной буквы н к его высоте составляет свыше 65 до 90% при кг. 5 7, свыше 60 до 85% при кг. 8 12, свыше 55… …   Издательский словарь-справочник

Начертание шрифта — это… Что такое Начертание шрифта?

Начертание шрифта

НАЧЕРТАНИЕ ШРИФТА — графический рисунок наборного шрифта, входящего в состав определенной гарнитуры. Н. ш. классифицируются: по ширине очка шрифта (нормальное, узкое, широкое), по наклону шрифта (прямое, курсивное), по насыщенности (светлое, нормальное, полужирное, жирное). — См.: Классификация шрифтов.

Реклама и полиграфия: опыт словаря-справочника.— М.: Гелла-принт. Стефанов С.И.. 2004.

• Контурный шрифт
• Станция верстки

Смотреть что такое «Начертание шрифта» в других словарях:

• Начертание шрифта — графическая разновидность шрифта в пределах одной гарнитуры, различаемая по плотности (ширине) очка (нормальное, узкое, широкое Н. ш.), по постановке (наклону) очка (прямое, курсивное, наклонное Н. ш.), по насыщенности (жирности) очка (светлое,… …   Издательский словарь-справочник

• начертание шрифта — Каждое видоизменение наборного шрифта, входящего в состав одной гарнитуры. Примечание Начертания шрифта различаются: по плотности: узкое, нормальное, широкое; по насыщенности: светлое, полужирное, жирное; по наклону: прямое, курсивное, наклонное …   Справочник технического переводчика

• начертание шрифта — 3.12 начертание шрифта: Каждое видоизменение наборного шрифта, входящего в состав одной гарнитуры. Примечание Начертания шрифта различаются: по плотности узкое, нормальное, широкое; по насыщенности светлое, полужирное, жирное; по наклону прямое,… …   Словарь-справочник терминов нормативно-технической документации

• начертание шрифта — Вариант рисунка наборного шрифта одной гарнитуры. Начертания шрифта классифицируются: по плотности – узкое, нормальное, широкое; по насыщенности – светлое, полужирное, жирное; по наклону – прямое, курсивное, наклонное …   Краткий толковый словарь по полиграфии

• начертание шрифта (информационные технологии) — начертание шрифта вариант изображения литер одной гарнитуры — [Е.С.Алексеев, А.А.Мячев. Англо русский толковый словарь по системотехнике ЭВМ. Москва 1993] Тематики информационные технологии в целом Синонимы вариант изображения литер одной… …   Справочник технического переводчика

• Наклонное начертание шрифта — начертание шрифта, в котором осн. штрихи отклонены от вертикали справа налево сверху вниз, как и в курсивном начертании, но, в отличие от последнего, без соединительных завитков. Напр.: См. таблицу наклонов шрифта. Н. н. ш. используется гл. обр.… …   Издательский словарь-справочник

• декоративное начертание шрифта — (Decorative style)     Начертание шрифта, образованное от основного и служащее для декоративных целей. Применяются декоративные начертания, образованные различной обработкой контура знаков [граница изображения знака] (контурные, оконтуренные,… …   Шрифтовая терминология

• Узкое начертание шрифта — начертание шрифта, которое выделяется по плотности очка шрифта и у которого, по определению ГОСТ 3489.1 71, отношение ширины знака типа строчной буквы н к его высоте составляет свыше 50 до 65% при кг. 5 7, свыше 45 до 60% при кг. 8 12, свыше 40… …   Издательский словарь-справочник

• Широкое начертание шрифта — начертание шрифта, которое выделяется по плотности очка шрифта и у которого, по определению ГОСТ 3489.1 71, отношение ширины знака типа строчной буквы н к его высоте составляет свыше 90 до 115% при кг. 5 7, свыше 85 до 105% при кг. 8 12, свыше 80 …   Издательский словарь-справочник

• Нормальное начертание шрифта — начертание шрифта, которое выделяется по плотности очка шрифта и у которого, по определению ГОСТ 3489.1 71, отношение ширины знака типа строчной буквы н к его высоте составляет свыше 65 до 90% при кг. 5 7, свыше 60 до 85% при кг. 8 12, свыше 55… …   Издательский словарь-справочник

начертание шрифта — это… Что такое начертание шрифта?

начертание шрифта

Вариант рисунка наборного шрифта одной гарнитуры. Начертания шрифта классифицируются: по плотности – узкое, нормальное, широкое; по насыщенности – светлое, полужирное, жирное; по наклону – прямое, курсивное, наклонное.

Краткий толковый словарь по полиграфии. 2010.

• нахлест контуров
• негатив

Смотреть что такое «начертание шрифта» в других словарях:

• Начертание шрифта — графическая разновидность шрифта в пределах одной гарнитуры, различаемая по плотности (ширине) очка (нормальное, узкое, широкое Н. ш.), по постановке (наклону) очка (прямое, курсивное, наклонное Н. ш.), по насыщенности (жирности) очка (светлое,… …   Издательский словарь-справочник

• Начертание шрифта — графический рисунок наборного шрифта, входящего в состав определенной гарнитуры. Н. ш. классифицируются: по ширине очка шрифта (нормальное, узкое, широкое), по наклону шрифта (прямое, курсивное), по насыщенности (светлое, нормальное, полужирное,… …   Реклама и полиграфия

• начертание шрифта — Каждое видоизменение наборного шрифта, входящего в состав одной гарнитуры. Примечание Начертания шрифта различаются: по плотности: узкое, нормальное, широкое; по насыщенности: светлое, полужирное, жирное; по наклону: прямое, курсивное, наклонное …   Справочник технического переводчика

• начертание шрифта — 3.12 начертание шрифта: Каждое видоизменение наборного шрифта, входящего в состав одной гарнитуры. Примечание Начертания шрифта различаются: по плотности узкое, нормальное, широкое; по насыщенности светлое, полужирное, жирное; по наклону прямое,… …   Словарь-справочник терминов нормативно-технической документации

• начертание шрифта (информационные технологии) — начертание шрифта вариант изображения литер одной гарнитуры — [Е.С.Алексеев, А.А.Мячев. Англо русский толковый словарь по системотехнике ЭВМ. Москва 1993] Тематики информационные технологии в целом Синонимы вариант изображения литер одной… …   Справочник технического переводчика

• Наклонное начертание шрифта — начертание шрифта, в котором осн. штрихи отклонены от вертикали справа налево сверху вниз, как и в курсивном начертании, но, в отличие от последнего, без соединительных завитков. Напр.: См. таблицу наклонов шрифта. Н. н. ш. используется гл. обр.… …   Издательский словарь-справочник

• декоративное начертание шрифта — (Decorative style)     Начертание шрифта, образованное от основного и служащее для декоративных целей. Применяются декоративные начертания, образованные различной обработкой контура знаков [граница изображения знака] (контурные, оконтуренные,… …   Шрифтовая терминология

• Узкое начертание шрифта — начертание шрифта, которое выделяется по плотности очка шрифта и у которого, по определению ГОСТ 3489.1 71, отношение ширины знака типа строчной буквы н к его высоте составляет свыше 50 до 65% при кг. 5 7, свыше 45 до 60% при кг. 8 12, свыше 40… …   Издательский словарь-справочник

• Широкое начертание шрифта — начертание шрифта, которое выделяется по плотности очка шрифта и у которого, по определению ГОСТ 3489.1 71, отношение ширины знака типа строчной буквы н к его высоте составляет свыше 90 до 115% при кг. 5 7, свыше 85 до 105% при кг. 8 12, свыше 80 …   Издательский словарь-справочник

• Нормальное начертание шрифта — начертание шрифта, которое выделяется по плотности очка шрифта и у которого, по определению ГОСТ 3489.1 71, отношение ширины знака типа строчной буквы н к его высоте составляет свыше 65 до 90% при кг. 5 7, свыше 60 до 85% при кг. 8 12, свыше 55… …   Издательский словарь-справочник

Начертание | WebReference

Существует несколько видов начертаний шрифта, которые встречаются на сайтах: нормальное, жирное, курсивное, подчёркнутое, перечёркнутое и выворотное (рис. 1). Все указанные вариации шрифта составляют его гарнитуру.

Рис. 1. Разное начертание шрифта текста

Большая часть начертаний в той или иной мере встречается в различных текстовых редакторах и допускает смешивание с другими. Например, можно сразу установить жирный курсивный текст. Что касается выворотки, то здесь светлый текст выводится на тёмном фоне. Для больших объёмов подобный текст (светлые буквы на тёмном фоне) читать труднее, чем в традиционном исполнении, поэтому выворотка обычно применяется для привлечения внимания читателя к тексту, например заголовку.

Чтобы управлять форматированием текста, в частности изменять начертание шрифта, можно воспользоваться для этого специальными элементами HTML или обратиться к стилям. В табл. 1 перечислены основные элементы, которые применяются для изменения оформления текста.

Подчёркивание текста

Хотя подчёркивание текста лучше использовать только в ссылках, правильное его применение может придать эстетичный вид элементам веб- страницы.

Вначале разберёмся, почему к подчёркиванию создалось такое отношение, чтобы не повторять чужих ошибок.

• Подчёркнутый текст читается хуже, чем обычный. С учётом того, что чтение с экрана по сравнению с чтением с листа бумаги менее комфортно, данный фактор становится важным для повышения удобства восприятия информации.
• На веб-страницах подчёркивание ссылок стало определённым стандартом. Когда мы видим на сайте подчёркнутый текст, то воспринимаем его в силу привычки как ссылку. Если это не так, возникает раздражение: почему этот текст выглядит как ссылка, но при этом ссылкой не является?

Получается, что если включить подчёркивание, то оно должно быть либо декоративным, чтобы не возникала ассоциация со ссылками, либо применяться для небольших текстов, например заголовков. Но и в этом случае текст должен оставаться самим собой и не восприниматься как ссылка.

Для добавления подчёркивания есть два основных метода. Первый заключается в использовании свойства text-decoration со значением underline, как показано в примере 1.

Пример 1. Свойство text-decoration

Результат данного примера показан на рис. 2. Цвет и толщина такой линии устанавливаются браузером самостоятельно в зависимости от размера и цвета текста и не могут быть изменены через стили. Кстати, это же свойство со значением none применяется для того, чтобы убрать подчёркивание у текста, например, у ссылок.

Рис. 2. Вид линии, полученной с помощью text-decoration

Второй метод позволяет установить линию произвольного стиля и цвета через свойство border-bottom. Например, для добавления пунктирного подчёркивания у ссылок используем значение dashed. Чтобы подчёркивание применялось не ко всем ссылкам, следует указать уникальный класс, назовём его, скажем dot. Также необходимо убрать исходное подчёркивание у ссылок (пример 2).

Пример 2. Пунктирное подчёркивание

Результат примера показан на рис. 3.

Рис. 3. Вид обычной ссылки и ссылки с пунктирным подчёркиванием

Толщина линии и цвет подчёркивания у ссылок также задаются через свойство border-bottom. Обратите внимание на некоторые моменты. Линия, полученная через border-bottom, располагается чуть ниже традиционного подчёркивания. При добавлении такой линии к блочным элементам, вроде <h2>, линия будет не под текстом, а занимать всю ширину элемента.

Зачёркивание

Зачёркивание обычно применяется в текстах для создания эффекта редактирования. Дескать, что-то написали, потом передумали, но старый текст остался. В таком случае удобнее использовать элемент <del>, он как раз и предназначен для этой цели. Текст внутри <del> будет отображаться зачёркнутым.

<p>Вот такой он <del>редиска</del> нехороший человек.</p>

Выворотка

Выворотка это инверсия цветов текста и фона. К примеру, чёрный текст на белом фоне в выворотке будет выглядеть как белый текст на чёрном фоне. Для создания выворотки применяется стилевое свойство background, задающее цвет фона и color, определяющее цвет текста, как показано в примере 3.

Пример 3. Цвет фона и текста

Стиль для выворотки лучше применять не к блочным элементам, а к строчным, вроде <span>, тогда фон будет совпадать с размером самого текста.

Автор и редакторы

Автор: Влад Мержевич

Последнее изменение: 11.03.2020

Редакторы: Влад Мержевич

font-style — курсивный шрифт (наклонный текст)

Поддержка браузерами

Описание

Курсив — это вид начертания, при котором символы написаны под наклоном и иногда имеют дополнительные засечки.

В CSS можно задать курсивный шрифт, используя свойство font-style со значением курсивом . Однако не во всех шрифтах предусмотрен курсив, и вместо него можно увидеть лишь наклонные символы. Такие символы также наклонены вправо, но при этом браузер не использует специально набор символов, а просто наклоняет стандартный шрифт, то есть визуально это будет выглядеть как просто наклонный текст.

Чтобы получить наклонный текст, вы также можете использовать свойство font-style , задав для него значение oblique .

Если разница между наклонным текстом и курсивными символами для вас не очень велика, просто выберите один из этих вариантов. Если же она имеет для вас значение, придется протестировать сочетания сочетаний шрифтов и браузеров для достижения лучшего результата.

Синтаксис

 стиль шрифта: нормальный | курсив | наклонный | наследование; 

Значения свойства

Пример

Изменение стиля в один клик!

Попробуйте поменять стиль шрифта, изменив значение свойств.

div {
стиль шрифта: нормальный;
}

  p {font: 12pt / 10pt sans-serif; }  

  p {шрифт: полужирный курсив 110% с засечками; }  

  p {font: normal small-caps 12px / 14px fantasy; }