Размер кегль шрифта: Что такое кегль шрифта и ПТ в Word

Глава 9. — Высота шрифта и межстрочный интервал

Высота шрифта и межстрочный интервал

Шрифты идентифицируются не только по названиям, но и по вертикальным размерам (кеглям), измеряемым в пунктах. В традиционной типографике 1 пункт (пт) равен 0,01384 дюйма. Это близко к 1/72 дюйма, поэтому в компьютерной типографике принято считать, что 1 пт в точности равен 1/72 дюйма.

Кегль обычно определяют как высоту знаков в латинском алфавите, т.е. строчных и заглавных букв от А до Z, исключая диакритические знаки, от верхнего края верхнего выносного элемента до нижнего края нижнего выносного элемента. Например, в кегль укладывается полная высота знаков bq. Это, конечно, удобное определение, но метрически не совсем точное.

В те времена, когда тексты печатались при помощи металлических литер, кегль был равен высоте литеры, на которой отливались буквы. Сами буквы были чуть меньше кегля. Сейчас такого ограничения нет, и в некоторых случаях размер букв может превышать кегль. Таким образом, кегль — это скорее термин из области типографского дизайна, чем метрическое понятие. Размер знаков в конкретном шрифте может быть больше или меньше, чем его кегль. Кегль — это не что иное как приблизительная мера высоты знаков шрифта.

Знание основных применяемых кеглей поможет вам на начальном этапе работы со шрифтами. Большая часть газеты «The New York Times» печатается шрифтом, кегль которого 8 пт; «Newsweek» — 9 пт; эта книга напечатана шрифтом 8,8 пт. Шрифт, применяемый в Windows по умолчанию, имеет кегль 10 пт, в Windows Forms — 8 пт. Как говорилось в главе 7, пользователь сам устанавливаег разрешение монитора, и именно оно определяет видимый размер 8- и 10-пунктных шрифтов.

Я уже упоминал, что кегль иногда называют эм-размер (em size) Этот термин означает размер квадратной металлической литеры, использовавшейся под заглавную букву М во времена литерной печати. Сегодня em применяется в основном для обозначения горизонтальных размеров. Ширина em для какого-либо определенного шрифта численно равна его кеглю. Например, в 14-пунктном шрифте длинное тире (em dash) и широкий пробел (em space) равны 14 пт. En равно половине em. В 14-пунктном шрифте, короткое тире (en dash) и узкий (нормальный) пробел (en space) равны 7 пт.

Межстрочный интервал в тексте обычно больше кегля; как правило, он составляет не менее 115% кегля. Такая пропорция основана на необходимости дополнительного места для диакритических знаков, имеющихся во многих европейских языках. Межстрочный интервал выбирается и из эстетических соображений: текст читать легче, если между строчками есть пустое пространство.

Величину рекомендуемого межстрочного интервала вы можете получить при помощи свойства Height и метода GetHeight класса Font. (Мы поговорим о них при обсуждении свойств класса Font.) Для многих шрифтов рекомендуемый межстрочный интервал обычно больше, чем кегль, но меньше величины, которую возвращает метод MeasureString класса Graphics.

Всё для Web Дизайнера — CSS: назначение CSS, cпособы применения CSS,синтаксис, переопределение и наследование описаний, понятие блочного и строкового элемента, свойства блочных элементов(block или box), отступы(margin), набивка(padding), границы(border), обтекание(float,clear), цвет, цвет текста(color), цвет фона текста(background-color), шрифт(font), гарнитура(font-family), кегль(font-size), начертание(font-style,font-variant,font-weight), свойства текста, межбуквенные расстояния, выравнивание, трансформации(подчеркивание, прописные, строчные), первая строка параграфа, высота строки, списки и отображение элементов, форма «пулек», пульки»-картинки, позиционирование, координаты и размеры, управление видимостью,порядок наложения.

Кегль — это, если говорить упрощенно, размер шрифта. Более подробное объяснение следует искать в специальной типографской литературе. Нам здесь будет достаточно того, что CSS через параметр font-size позволяет управлять размером букв.

Размер шрифта можно задавать в типографских пунктах(pt, 0,35мм) или пикселях(px). При установки кегля стоит помнить, что font-size задает не высоту буквы, а размер «очка» под букву, который больше самой буквы.

Вот несколько примеров использования font-size:

<p>Кегль параграфа установлен в 12 пунктов</p>

Кегль параграфа установлен в 12 пунктов

<p>Кегль параграфа установлен в 12 пикселей</p>

Кегль параграфа установлен в 12 пикселей

<p>Кегль параграфа установлен в 120% от размера букв охватывающего параграф элемента</p>

Кегль параграфа установлен в 120% от размера букв охватывающего параграф элемента

Как видно из последнего примера, кегль можно задавать не только в абсолютных единицах, но и в относительных. Кроме процентов существует еще несколько условных единиц измерения кегля, которые можно применять в CSS:

<p>Размер кегля large</p>

Размер кегля large

<p>Размер кегля small</p>

Размер кегля small

<p>Размер кегля x-small</p>

Размер x-small large

<p>Размер кегля xx-small</p>

Размер кегля xx-small

Аналогично x-small и xx-small существуют размеры x-large и xx-large. Кроме этого есть larger, smaller, medium.

Как изменять текст в Word

Как изменить текст в Word, а точнее, что именно мы можем сделать непосредственно с новеньким, только что набранным текстом, и как осуществить эти изменения.

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

Размер шрифта, или, как его ещё называют, кегль измеряется в специальных единицах — пунктах. Т. е., это — числа, определяющие размеры букв. Как правило, для печати обычного текста используется кегль в диапазоне 10-14 пунктов. Разумеется, если вам необходимо как-то выделить фрагмент текста с помощью изменения его размера (напр.,заголовки), вы можете выбрать другие значения.

Кегль шрифта можно изменить на вкладке Главная.

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

Появляется выпадающее окошко с численными значениями от 8 до 72.

Можно выбрать кегль, предварительно посмотрев, как он выглядит. Для этого напечатайте предложение (если оно ещё не напечатано), выделите его или его фрагмент. А теперь наводите указатель мышки поочерёдно на числа в столбике и следите за изменениями размера шрифта выделенного фрагмента. Выбрали размер — кликайте на соответствующее число левой кнопкой мышки. Изменения зафиксируются и будут применены к выделенному тексту.

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

Как вы уже, наверное, успели заметить, предлагаемые в табличке числовые значения имеют промежутки: 12, 14, 16 и т.д. Чтобы выбрать значение, которого нет среди предложенных, можно кликнуть на число, стоящее в окошке по умолчанию. Появится выделение.

Вбиваем нужное число и печатаем текст шрифтом желаемого размера.

Есть ещё один способ выбора нужного кегля. В этой же вкладке Главная, рядом со стрелкой, вызывающей выпадающую табличку с числовыми значениями кегля, можно найти две буквы. Рядом с буквой большего размера находится стрелочка, указывающая вверх. Рядом с буквой меньшего размера — стрелка, показывающая вниз.

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

И не забывайте о главном — текст должно быть удобно читать.

А на сегодня всё.

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

Правила обеспечения удобочитаемости листка-вкладыша и маркировки

Содержимое (Table of Contents)

1. Общие положения

Листок-вкладыш (далее — ЛВ) предназначен для пациента (потребителя). Хорошо составленный и четко изложенный ЛВ позволяет максимальному количеству людей воспользоваться этой информацией, включая детей старшего возраста, и подростков, малограмотных лиц и лиц с нарушением зрения. Чтобы дизайн позволял легко ориентироваться в ЛВ и обеспечивал доступность информации, при выборе фирменного стиля ЛВ допускается обращение компаний к специалистам по информационному дизайну.

Настоящее приложение содержит рекомендации, касающиеся различных аспектов составления ЛВ. Они направлены на содействие заявителям (держателям регистрационных удостоверений (далее — ДРУ)) в соблюдении требований Евразийского экономического союза.

2. Кегль и гарнитура шрифта

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

Кегль шрифта должен быть как можно большим, чтобы помочь читателю. Минимальным считается размер кегль 8 пт шрифт Times New Roman без курсива с междустрочными интервалами, равными по меньшей мере 3 мм (для ЛВ, который будет вкладываться в индивидуальную упаковку лекарственного препарата).

Для выделения ключевых сведений и содействия ориентированию в разделах текста следует пользоваться различными размерами текста (например, в заголовках).

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

Не следует злоупотреблять использованием заглавных букв. Для крупных блоков текста следует использовать строчные буквы. Тем не менее, использование заглавных букв целесообразно для расстановки акцентов.

Не следует использовать курсив и подчеркивание, поскольку они затрудняют читателю распознавание формы слов. Однако для указания латинских терминов курсив допустим.

3. Дизайн и расположение информации

Использование выровненного по ширине текста, как правило, не допускается.

Должны четко прослеживаться интервалы между строками. Межстрочные интервалы — важный фактор, влияющий на понимание текста. По общим правилам межстрочные интервалы по возможности не должны быть меньше чем полуторный размер интервала между буквами в строке.

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

Формат текста с несколькими колонками может способствовать облегчению ориентирования читающего. Расстояние между колонками должно быть достаточным для того, чтобы надлежащим образом разделить текст. Если место ограничено, для разделения текста допускается использовать вертикальную линию. Схожую информацию следует указывать последовательно, чтобы строки текста легко переходили с текущей колонки к следующей. Следует рассмотреть возможность использования альбомной ориентации текста, поскольку это может помочь пациентам. Если представлен ЛВ на разных языках, необходимо четко разделить языки; информация на разных языках должна быть идентичной.

4. Заголовки

Важным элементом являются заголовки, которые могут помочь пациентам ориентироваться в тексте. Следовательно, полужирный шрифт и (или) другой цвет заголовка выделяет эту информации. Расстояние до и после заголовков в ЛВ должно быть одинаковым. Для удобства читателя заголовки одного размера следует использовать последовательно (нумерованные и ненумерованные списки, цвет, отступы, гарнитура, размер, и кегль шрифта).

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

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

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

5. Цвет печати

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

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

6. Синтаксис

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

Не рекомендуется использовать длинные предложения. Длинное предложение целесообразно разбить на 2 предложения, особенно если оно содержит новую информацию.

Громоздкие абзацы могут вводить читателей в заблуждение, особенно при использовании длинных предложений при указании нежелательных реакций. Более подходящим в таких случаях является использование ненумерованных списков. По возможности рекомендуется использовать не более 5-6 позиций в списке.

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

Градация частоты должна быть объяснена таким образом, чтобы было понятно пациентам (потребителям), например, «очень часто — более чем у 1 пациента из 10». Однако при наличии серьезной нежелательной реакции, которая требует принятия пациентом (потребителем) неотложных мер, ее следует выделить и поместить в начало раздела ЛВ, независимо от ее частоты. Указание нежелательных реакций по системно-органным классам не рекомендуется, поскольку пациенты (потребители), как правило, не знакомы с этой классификацией.

7. Стиль

В предложениях рекомендуется использовать активный (действительный) залог вместо пассивного залога. Например:

«примите 2 таблетки» вместо «должно быть принято 2 таблетки»;

«вы должны…» вместо «необходимо…».

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

Вместо повторения торгового наименования препарата следует указывать «препарат, данный препарат» и т. д., если из контекста понятно, что именно он имеется в виду.

По возможности не следует использовать аббревиатуры и сокращения. При первом упоминании в тексте их необходимо полностью расшифровать. Следует избегать использования математических символов (например, > или <), если они плохо понимаемы.

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

8. Бумага

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

Необходимо убедиться, что при сгибании ЛВ излом не снижает удобочитаемость информации.

9. Использование символов и пиктограмм

Допускается использование изображений, пиктограмм и других графических элементов, объясняющих смысл информации, однако они не должны носить рекламный характер. Символы и пиктограммы могут быть полезны, если значение символа понятно, а размер графического элемента удобочитаем. Их следует использовать лишь для улучшения ориентации, пояснения или выделения определенных аспектов текста, они не должны заменять текст. Может потребоваться подтверждение, обосновывающее, что их значение в целом хорошо понимаемо, не вводит в заблуждение и не сбивает с толку потребителя. При наличии каких-либо сомнений относительно значения определенной пиктограммы, она признается неподходящей. Необходимо соблюдать особую осторожность при переносе и использовании символов в других языковых версиях ЛВ, поскольку может потребоваться дополнительное тестирование потребителей.

10. Дополнительные сведения

10.1. Ассортимент препарата.

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

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

10.2. Препараты, вводимые медицинским работником или применяемые в условиях стационара.

В конце ЛВ препарата, вводимого медицинским работником, можно привести сведения из ОХЛП (например, сведения по приготовлению и применению), в виде отрывной части, отделяемой до передачи ЛВ пациенту. В качестве альтернативного варианта в пачку вместе с ЛВ можно вложить полную ОХЛП.

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

11. Шаблоны ЛВ

Воспользовавшись представленными в приложениях № 4 и 5 к требованиям к инструкции по медицинскому применению лекарственных препаратов и общей характеристике лекарственных препаратов для медицинского применения шаблонами, держатели регистрационных удостоверений должны сверстать окончательный текст в соответствующие полноцветные макеты или образцы ЛВ. При этом заявителям следует учитывать, что использование этого шаблона само по себе недостаточно, и потребуется проведение консультации с целевыми группами пациентов, используя полноцветный макет или образец ЛВ в соответствии с приложением № 3 к требованиям к инструкции по медицинскому применению лекарственных препаратов и общей характеристике лекарственных препаратов для медицинского применения.

Поделиться ссылкой:

Оформление научных статей. Даёшь правильную оболочку работе!

Оформление научных статей
Если Вам не хочется мучаться с множеством условий, предлагаем Вам воспользоваться нашим онлайн сервисом

ОБРАЗЕЦ СТАТЬИ

1. Не менее 3 страниц печатного текста (без учета сведений об авторах и списка литературы).
Требование в действительности весьма условное. Статья должна отражать результат проведённого исследования. И иметь объём достаточный.
2. Формат страниц — А4.
3. Поля — 2 см. со всех сторон.
4. Шрифт — TimesNewRoman.
5. Кегль (размер шрифта) — 10.
6. Междустрочный интервал – 1 (в данных об авторе, аннотации, ключевых словах и списки литературы), 1,5 (в тексте статьи).
7. Отступ первой строки — 1,27.
8. Рисунки и таблицы должны быть пронумерованы и озаглавлены.
Подпись таблицы находится в верхнем правом углу над таблицей.
Подпись рисунка находится под самим рисунком.

Оформление содержимого.

Название статьи на русском.
( Абзац:выравнивание по центру;Шрифт — жирный, размер шрифта (кегль) – 12)

Название статьи на английском.
( Абзац:выравнивание по центру;Шрифт — жирный, размер шрифта (кегль) – 12)

ФИО автора.
( Выравнивание по правому краю, курсив, жирный, кегль – 10)
Учёная степень,
Должность, название ВУЗа,
Страна, город.
e-mail для связи
( Выравнивание по правому краю, курсив, кегль — 10)

The name of the author.
( Выравнивание по правому краю, курсив, жирный, кегль – 10)
Academic degree,
Official capacity, name of the University,
Country, city.
e-mail
( Выравнивание по правому краю, курсив, кегль — 10)

Название статьи, ФИО автора, учёная степень, должность, название ВУЗа, страна, город, e-mail для связи дублируется на английском языке, по указанному выше образцу.
(В случае наличия нескольких авторов информация указывается для каждого из них.)

Аннотация.
Ffff ffff ffff, fffff fff. Ffffff ffff ff ffff f fffff fff ffffff? Ffffff. (100 – 200 слов)

Annotation.
Ffff ffff ffff, fffff fff. Ffffff ffff ff ffff f fffff fff ffffff? Ffffff.

Аннотация дублируется на английском языке.
(Выравнивание по левому краю, кегль – 10, полужирный для надписи «Аннотация.»)

Ключевые слова: fffff, ffffffffff, fff, ffffff ff ffff.

Keywords: fffff, ffffffffff, fff, ffffff ff ffff.

Ключевые слова дублируются на английском языке, по указанному выше образцу.
(Выравнивание по левому краю, кегль – 10,полужирный для надписи «Ключевые слова:»)

Через строчку после ключевых слов размещается сам текст работы.

Список используемой литературы:
1.Петров П.П. Петровы в мировой истории // О фамилиях. – 2015. — № 23. – С. 1-99.
2.Алёхина З.З. Мировая история в Петровых : учеб.для вузов – М.:КрасныйНоябрь, 2014. – С.299-300.
3.Валерин Э.Э. Шутки в библиографических списках:дис. канд. смешн. наук – М., 2016. – С.33.
(Выравнивание по левому краю, кегль – 10 для основного текста. Выравнивание по центру, кегль -10, полужирный для надписи «Список используемой литературы»)

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

ADOBE PHOTOSHOP-Учебник по ADOBE PHOTOSHOP 6.0.

К метрическим параметрам относятся кегль, кернинг, трекинг, интерлиньяж, смещение базовой линии.

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

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

Как правило, кегль измеряется в традиционных полиграфических единицах — пунктах (что равно 1/72 дюйма или 0,352 мм). Использование традиционных единиц измерения позволяет сопоставить величину шрифта с остальными элементами публикации — полями, размером страницы и полосы набора и др.

Однако в программе существует возможность задания любой единицы измерения кегля, что определяется в поле Type (Текст) вкладки Units & Rulers (Направляющие и линейки) диалогового окна Preferences (Установки) (рис. 7.25).

Для определения кегля служит поле ввода Size (Кегль) палитры Character (Символ) или панели свойств инструмента Type (Текст). Требуемый размер можно ввести с клавиатуры или выбрать из раскрывающегося списка. Список появляется при нажатии на кнопке справа от поля ввода и содержит наиболее часто используемые размеры шрифтов. Значения в этом списке приводятся в пунктах, независимо от выбранной единицы измерения.

В поле ввода Size (Кегль), как и в любом другом, могут задаваться значения в различных единицах измерения, а не только в тех, что определены по умолчанию. Для этого введите нужное число и рядом — сокращенное обозначение единицы измерения (рис. 7.26). Программа сама преобразует введенное выражение в основные единицы измерения. Например, если единицей по умолчанию являются пункты, а вы введете выражение 2 cm (т. е. 20 мм), в поле ввода будет установлено значение 20/0,352=56,69 пунктов.

Смещение базовой линии. Воображаемая линия, проходящая по нижнему краю основного элемента символа, называется базовой (см, рис. 7.23). Литера как бы лежит на этой линии. Обычно базовые линии символов строки находятся на одном уровне. Однако положение базовой линии можно менять, вводя соответствующие значения в поле Baseline shift (Смещение базовой линии) палитры Character (Символ). По умолчанию смещение базовой линии равно 0. Оно измеряется в тех же единицах, что и кегль. Положительное значение смешения соответствует подъему символа относительно остальных, отрицательное — опусканию (рис. 7.27).

Рис. 7.27. Смещение базовой линии

Интерлиньяж. Это расстояние между строками. В Photoshop интерлиньяж измеряется как расстояние между базовой линией данной и следующей строки (см. рис. 7.23). Параметр задается для каждого символа. Если в строке есть символы с разным интерлиньяжем, то программа определяет интерлиньяж строки как максимальный среди заданных для символов строки.

Интерлиньяж может быть стандартным или точным. Стандартный интерлиньяж равен 120% от кегля наибольшего символа строки. В этом случае величина интерлиньяжа гибко меняется в зависимости от кегля. То есть стандартный интерлиньяж — относительная величина, пропорциональная кеглю символов. Чтобы задать для символов стандартный интерлиньяж, установите в поле Leading (Интерлиньяж) палитры Character (Символ) значение Auto (Авто). При точном интерлиньяже расстояние между строками фиксирование. Для его установки введите нужную числовую величину в поле ввода Leading (Интерлиньяж).

Трекинг. Характеризует межсимвольные пробелы. Уменьшение трекинга отнимает, а увеличение — прибавляет к межсимвольному расстоянию определенную величину. Для измерения трекинга и других горизонтальных размеров в шрифте используются шпации. Круглая, полукруглая и тонкая шпации — относительные полиграфические единицы измерения, равные, соответственно, ширине заглавных букв М, N и строчной буквы t данного шрифта. Таким образом, круглая шпация примерно равна размеру шрифта, полукруглая шпация составляет 0,5 размера шрифта, а тонкая шпация — 0,25 размера шрифта. Сокращение для круглой шпации— em. Шпации применяются при измерениях абзацных отступов и кернинга, а также при задании других смещений символов. Межсимвольные расстояния измеряются в тысячных долях круглой шпации (ет/1000). Этот параметр задается в поле Tracking (Трекинг) палитры Character (Символ) и может быть как положительным, так и отрицательным (рис. 7.28).

а б
Рис. 7.29. Текст без кернинга (а) и с кернингом (б)

Кернинг пар. Характеризует изменение ширины пробела между определенными парами символов. Настройка интервалов необходима для улучшения зрительного восприятия текста. Если межсимвольные интервалы одинаковы, то для некоторых сочетаний символов интервал между ними выглядит увеличенным по сравнению с другими. Так, на рис. 7.29, а пробел между буквами А и G выглядит шире, чем между буквами Е и N. Обычно кернинг делается в сторону уменьшения пробела — таким образом, что выступающие части одного символа пары заходят в пространство второго символа (рис. 7.29, б). В результате размещение символов становится зрительно более равномерным.

Кернинг может быть автоматическим. Шрифты снабжены таблицами кернинга, т. е. списком пар символов, между которыми пробел при наборе текста автоматически сокращается (например, для пар ГО, ГА, АУ, Cm, Те и др.). Установите в палитре Character (Символ) в поле ввода Kerning (Кернинг) значение Metrics (Метрический), если вы хотите чтобы программа проводила в тексте кернинг на основе таблицы.

Чем крупнее текст, тем большее значение для его внешнего вида имеет хороший кернинг. В заголовках и другом крупном тексте задают точный (или ручной) кернинг, когда символы сближают произвольно. Для установки кернинга вручную поставьте курсор между проблемной парой символов и задайте числовое значение в поле Kerning (Кернинг). Положительные величины смещают символ вправо, отрицательные— влево. При изменении значения кернинга первая литера остается на месте, вторая перемещается. Кернинг проводится только в точке вставки. Он не определяется ни по умолчанию, ни для выделенного текста. Измеряется кернинг в тысячных долях круглой шпации (ет/1000).

Ширина и высота символов. В расширенном или суженном начертании гарнитуры рисунок каждой буквы изменен с учетом ее ширины так, чтобы получился гармоничный шрифт с выверенным соотношением ширины штрихов и межсимвольных интервалов. В отличие от этого, ширина и высота символа в рамках программы изменяется простым их сжатием и растяжением. Соотношение ширины и высоты символа данного начертания может быть задано вводом значений в процентах в полях Vertical Scale (Высота) и Horizontal Scale (Ширина) палитры Character (Символ). Исходная ширина и высота принимаются за 100%. Значение ширины символов меняется и при масштабировании текстового объекта. На значение же высоты в поле Vertical Scale (Высота) масштабирование не влияет, вместо этого увеличивается или уменьшается кегль.

При сжатии и растяжении нарушаются соотношение толщин между горизонтальными и вертикальными штрихами литер, пробелы в очках букв Б, О, Q и т. д. внешний вид и читаемость шрифта ухудшаются. Особенно к этому чувствительны шрифты с засечками, поэтому для них подобные деформации нежелательны. Рубленые шрифты меньше искажаются при смене ширины, но и здесь эту величину не стоит менять более чем на 10—20%.

Шрифт и кегль — разберём | Тимофей Д.

Шрифт давно на слуху и знакомое многим слово, а вот «кегль» — встречается не так часто и не каждый понимает о чем речь вот с него и начнем.

Просто говоря Кегль — это всего лишь размер букв шрифта и все. Обозначается цифрой. То есть буква с кеглем 5 будет визуально меньше той же буквы с кеглем 6. При условии что у них одинаковый шрифт.

К примеру, в майкрософт ворд размер шрифта можно изменить на панели инструментов во вкладке «Главная».

Изменение кегля шрифта в программе MS Word 2007

В программе «Блокнот» — одна из стандартных программ Windows для редактирования простого текста, шрифт меняется во вкладке «Формат».

Изменение кегля в программе «Блокнот»

Кстати, рекомендую аналог блокнота Notepad++ — отличная программа. И так, с понятием слова «Кегль» думаю, что разобрались.

На шрифте (точнее на шрифтах) остановимся по подробней.

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

Список шрифтов доступных в программе MS Word 2007

Каждый шрифт хранит в себе свое начертание букв, и не всегда в файле шрифта описаны все буквы, могут быть описаны только Русские (правильнее Кирилица) или наоборот только латинские буквы (английские). Каждый шрифт храниться в отдельном файле, как и у остальных файлов, файл шрифтов имеет свое расширение файла. Вот несколько примеров .fnt .fon .otf .ttf — их количество на много больше.

Источник: блог Добреля Тимофей tim-plus.ru

Свойство размера шрифта CSS

Пример

Установить размер шрифта для разных элементов:

дел.b {
размер шрифта: большой;
}

div.c {
  размер шрифта: 150%;
}

Определение и использование

Свойство font-size устанавливает размер шрифта.

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

Цифры в таблице указывают на первую версию браузера, которая полностью поддерживает это свойство.

Синтаксис CSS

размер шрифта: средний|xx-маленький|x-маленький|маленький|большой|x-большой|xx-большой|меньше|больше| длина |начальный|наследовать;

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

Значение	Описание	Играй
средний	Устанавливает средний размер шрифта. Это по умолчанию	Играй »
хх-маленький	Задает размер шрифта xx-small	Играй »
х-маленький	Устанавливает очень маленький размер шрифта	Играй »
маленький	Устанавливает размер шрифта на маленький размер	Играй »
большой	Устанавливает большой размер шрифта	Играй »
большой	Устанавливает очень большой размер шрифта	Играй »
xx-большой	Задает размер шрифта xx-large	Играй »
меньше	Устанавливает размер шрифта меньше размера родительского элемент	Играй »
больше	Устанавливает размер шрифта больше размера родительского элемента	Играй »
длина	Устанавливает фиксированный размер шрифта в пикселях, см и т. д.Читать о единицах длины	Играй »
%	Устанавливает размер шрифта в процентах от размера шрифта родительского элемента	Играй »
начальный	Устанавливает для этого свойства значение по умолчанию. Читать о начальный	Играй »
унаследовать	Наследует это свойство от родительского элемента. Читать о унаследовать

Связанные страницы

: Шрифты CSS

Ссылка CSS: свойство шрифта

Ссылка на HTML DOM: свойство fontSize

Как изменить размер шрифта в CSS

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

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

под ними.Таким образом, посетитель (вы) знает, где начинаются разные разделы.

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

Как изменить размер шрифта в CSS

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

См. размер шрифта Pen: разные значения Кристины Перриконе (@hubspot) на CodePen.

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

Значения свойства Font-size для уменьшения и увеличения размера шрифта

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

Ключевое слово абсолютного размера

  
 элемент { размер шрифта: маленький; } 
  

Ключевые слова абсолютного размера основаны на размере шрифта по умолчанию. Чаще всего размер шрифта по умолчанию — средний (что соответствует 16 пикселям или 1em), хотя он может отличаться в зависимости от браузера и семейства шрифтов. Обратите внимание, что в HTML размер шрифта по умолчанию составляет 16 пикселей.

Ключевые слова абсолютного размера:

• хх-маленький
• х-маленький
• маленький
• средний
• большой
• x-большой
• xx-большой
• xxx-большой

Вот как каждый из них выглядит в браузере:

См. размер шрифта Pen: абсолютный размер Кристины Перриконе (@hubspot) на CodePen.

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

Ключевое слово относительного размера

  
 элемент { размер шрифта: больше; } 
  

Ключевые слова относительного размера задают размер шрифта больше или меньше относительно размера шрифта родительского элемента. Эти относительные размеры примерно основаны на соотношении ключевых слов абсолютного размера, описанных выше.

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

См. размер шрифта Pen: относительный размер Кристины Перриконе (@hubspot) на CodePen.

Обратите внимание, что я использовал селектор класса «.relative» для выбора одного h3, а не селектор типа, который бы выбирал оба h3. Вы можете узнать больше о селекторах CSS в нашем объяснении.

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

Длина

Существует несколько значений длины, которые могут определять свойство размера шрифта в CSS. Здесь мы сосредоточимся на трех наиболее распространенных: пикселях, единицах em и единицах rem.

пикселей

  
 элемент {размер шрифта: 32px; } 
  

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

См. Pen font-size: px Кристины Перриконе (@hubspot) на CodePen.

Однако фиксированный характер пикселей также является недостатком. Они не оптимизированы для всех устройств — CSS-Tricks обнаружил, что веб-сайты на iPad mini отображаются так же, как веб-сайты на iPad, например, — и они не являются доступным значением длины.Поскольку пользователи не могут изменить размер шрифта в некоторых браузерах, вы можете использовать более инклюзивные и адаптивные параметры.

Эмс

  
 элемент { размер шрифта: 2em; } 
  

Единица em устанавливает размер шрифта относительно размера шрифта родительского элемента. Таким образом, присвоив тексту размер шрифта из 2em , этот текст будет в два раза больше окружающего его текста.

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

Единственным недостатком является то, что ems компаунд. Итак, скажем, элемент с размером шрифта 2em содержит другой элемент . Этот вложенный элемент будет в два раза больше, или 4em. См. код ниже.

См. Размер шрифта Pen: em Кристины Перриконе (@hubspot) на CodePen.

Ремс

  
 элемент { размер шрифта: 2rem; } 
  

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

Скажем, я установил размер шрифта корневого элемента на 12px , так что любой текст в документе, не измененный с помощью CSS, будет иметь размер 12 пикселей. Но я также хочу изменить размер шрифта элемента

  
 элемент { размер шрифта: 110%; } 
  

  
 элемент {размер шрифта: 10vw; } 
  

  

  <голова>
    
    <стиль>
      HTML {
        размер шрифта: 16px;
      }
      h3 {
        размер шрифта: 1.5рем;
      }
    
  
  <тело>
    <дел>
       
Вот заголовок
 
      
Вот текст.
    

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

  .exunit {
  размер шрифта: 15ex;
}  

Единицы области просмотра (vw и vh) используются для установки размера шрифта элемента, который зависит от размера области просмотра.

• 1vw = 1% ширины области просмотра
• 1vh = 1% высоты области просмотра

  .область просмотра {
  размер шрифта: 120vh;
}  

Пример свойства font-size со значением «длина»:

  

  <голова>
    
    <стиль>
      охватывать {
        цвет: зеленый;
        размер шрифта: 2vh;
      }
      п {
        красный цвет;
        размер шрифта: 1em;
      }
      .длина {
        оранжевый цвет;
        размер шрифта: 30px;
      }
      h4 {
        цвет: голубой;
        размер шрифта: 3ex;
      }
      ч2 {
        цвет: фиолетовый;
        размер шрифта: 24pt;
      }
      а {
        цвет синий;
        размер шрифта: 120%;
      }
    
  
  <тело>
     
Свойство размера шрифта
 
    Этот текст написан с размером шрифта 2vh.
    
Этот абзац написан шрифтом размером 1em. 
    
Пример с размером шрифта 30 пикселей 
     
Пример с размером шрифта 3ex.
 
     
Для этого заголовка мы установили размер шрифта 24pt.
 
    Эта гиперссылка написана со 100% размером шрифта.
  
  

Пример свойства font-size со значениями абсолютного размера:

  

  <голова>
    
    <стиль>
      .шрифт-xxsmall {
        цвет: серый;
        размер шрифта: xx-маленький;
      }
      .шрифт-xsmall {
        цвет: серый;
        размер шрифта: x-маленький;
      }
      .шрифт-маленький {
        цвет: серый;
        размер шрифта: маленький;
      }
      .fontSize-средний {
        цвет: серый;
        размер шрифта: средний;
      }
      .шрифт-большой {
        цвет: серый;
        размер шрифта: большой;
      }
      .шрифт-xlarge {
        цвет: серый;
        размер шрифта: x-большой;
      }
      . шрифт-xxlarge {
        цвет: серый;
        размер шрифта: xx-крупный;
      }
    
  
  <тело>
     
Свойство размера шрифта
 
    
Пример со свойством размера шрифта xx-small
    
Пример со свойством размера шрифта x-small
    
Пример с малым свойством размера шрифта
    
Пример со свойством среднего размера шрифта
    
Пример со свойством большого размера шрифта
    
Пример со свойством размера шрифта x-large
    
Пример со свойством font-size xx-large
  
  

Пример свойства font-size с «меньше» и «большие» значения:

  

  <голова>
    
    <стиль>
      .меньше {
        красный цвет;
        размер шрифта: меньше;
      }
      .больше {
        красный цвет;
        размер шрифта: больше;
      }
    
  
  <тело>
     
свойство размера шрифта
 
    
Пример со свойством меньшего размера шрифта
    
Пример со свойством большего размера шрифта
  
  

Как изменить размер шрифта в WordPress (используя 2 метода)

Изменить размер шрифта в WordPress очень просто. В этой статье вы узнаете все, что вам нужно знать.

Мы рассмотрим два метода — установка плагина и использование CSS.

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

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

Последняя версия WordPress поставляется с редактором Gutenberg. Мы также покажем вам, как изменить размер шрифта с помощью этого инструмента.

Изменение размера шрифта с помощью расширенного подключаемого модуля TinyMCE

TinyMCE Advanced — это бесплатный плагин, который позволяет легко выбрать нужный размер шрифта. Этот плагин предоставляет вам классическую панель инструментов редактора в новом редакторе Gutenberg.

Сначала необходимо установить и активировать плагин.Затем вы можете перейти на страницу настроек . Вы найдете две вкладки: Редактор блоков (Gutenberg) и Классический редактор (TinyMCE) .

Если вы хотите использовать только классический редактор, включите Замените редактор блоков на классический редактор в разделе Дополнительные настройки . Но оставьте этот флажок снятым, чтобы использовать оба редактора одновременно.

Вот шаги по изменению шрифта с помощью этого плагина:

1. Перейти создать новый пост или отредактировать существующий.Вы увидите классический редактор абзацев.
   
2. Выделите строки текста, которые вы хотите изменить, затем выберите размер шрифта.
   
3. Результат будет выглядеть так:
   

Использование CSS — классический способ

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

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

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

1. Перейдите на панель инструментов WordPress, затем Внешний вид > Настроить .
   
2. Выберите Дополнительный CSS.
   

Вы можете добавить строки кодов в поле слева.

1. Чтобы изменить весь шрифт:

    кузов {
   размер шрифта: 1.25rem;
   }
    

2. Чтобы изменить шрифт абзацев:

    р {
   размер шрифта: 25px;
   } 

3. Чтобы изменить шрифты определенных заголовков:

    ч3 {
   размер шрифта: 2. 5em;
   } 

4. Чтобы изменить размер шрифта боковой панели:

    .сайдбар ли {
   размер шрифта: 12px;
   } 

5. Чтобы настроить шрифт нижнего колонтитула:

    .нижний колонтитул {
   размер шрифта: 150%;
   } 

6. Чтобы изменить шрифт для определенных размеров экрана:

    HTML {
   размер шрифта: 18 пикселей;
   }
   @media (минимальная ширина: 900 пикселей) {
   HTML {
   размер шрифта: 20px;
   }
   } 

Стили CSS позволяют четырем различным единицам измерения размера текста:

• Эм (эм) .Это единица, используемая в документах веб-медиа. 1em равен 12 очкам.
• пикселей (пкс) . Это единица, используемая в экранных медиа. 1px равен 1 точке на экране компьютера.
• Точки (pt) . Этот блок предназначен для традиционных печатных СМИ. 1 пункт равен 1/72 дюйма.
• Проценты (%) . По умолчанию установлено значение 100%, которое изменится после увеличения или уменьшения масштаба.

Использование редактора Гутенберга

Как упоминалось ранее, Gutenberg — это новое дополнение WordPress.Он интегрирован в CMS, чтобы упростить редактирование мультимедийных сообщений.

Заметным изменением является использование блоков. Блоки позволяют перетаскивать любые медиафайлы в свои посты — как и на любой другой платформе для создания страниц.

Вот как выглядит блок:

Чтобы изменить размер шрифта с помощью редактора Gutenberg, выполните следующие простые действия:

1. Выберите пост, который хотите отредактировать, или просто Добавить новый.
2. Нажмите на блок, содержащий тексты, которые вы хотите изменить, затем выберите номер вручную.
   
3. Или вы можете установить параметры справа: маленький , нормальный , средний , большой и большой .
   

Очень удобно, не правда ли?

Подведение итогов

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

Новички могут установить плагин, а пользователи с некоторыми знаниями CSS могут настраивать темы вручную.Удачной настройки.

Автор

Ричард Бойетт

Ричард — разработчик программного обеспечения для WordPress и эксперт по системам управления контентом. Когда он не играет с кодом, Ричард наслаждается хорошим кино и крафтовым пивом.

.

No related posts.