Как сделать расстояние между буквами

letter-spacing

Свойство letter-spacing определяет межбуквенное расстояние в тексте.

Интерактивный пример

Синтаксис

/* Ключевые слова */ letter-spacing: normal; /* Значения */ letter-spacing: 0.3em; letter-spacing: 3px; letter-spacing: 0.3px; /* Глобальные значения */ letter-spacing: inherit; letter-spacing: initial; letter-spacing: unset; 

Значения

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

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

Формальный синтаксис

Примеры

HTML

p class="normal">letter spacingp> p class="em-wide">letter spacingp> p class="em-wider">letter spacingp> p class="em-tight">letter spacingp> p class="px-wide">letter spacingp> 

CSS

.normal  letter-spacing: normal; > .em-wide  letter-spacing: 0.4em; > .em-wider  letter-spacing: 1em; > .em-tight  letter-spacing: -0.05em; > .px-wide  letter-spacing: 6px; > 

Результат

Проблемы доступности

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

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

• MDN Understanding WCAG, Guideline 1.4 explanations (en-US)
• Understanding Success Criterion 1.4.8 | W3C Understanding WCAG 2.0

Спецификации

Specification
CSS Text Module Level 3 # letter-spacing-property

Начальное значение	normal
Применяется к	все элементы. Это также применяется к ::first-letter и ::first-line .
Наследуется	да
Обработка значения	оптимальное значение состоит из абсолютной длины или ключевого слова normal
Animation type	длина

Совместимость с браузерами

BCD tables only load in the browser

Смотрите также

Found a content problem with this page?

• Edit the page on GitHub.
• Report the content issue.
• View the source on GitHub.

This page was last modified on 6 янв. 2024 г. by MDN contributors.

Your blueprint for a better internet.

MDN

Support

• Product help
• Report an issue

Our communities

Developers

• Web Technologies
• Learn Web Development
• MDN Plus
• Hacks Blog

• Website Privacy Notice
• Cookies
• Legal
• Community Participation Guidelines

Visit Mozilla Corporation’s not-for-profit parent, the Mozilla Foundation.
Portions of this content are ©1998– 2024 by individual mozilla.org contributors. Content available under a Creative Commons license.

Как изменить расстояние между буквами в Word

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

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

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

Существует два метода изменить расстояние между буквами текста:

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

Это разные понятия, отличающиеся по своей реализации:

• При трекинге в Word межсимвольный интервал изменяется равномерно по всему абзацу или всем листе документа.
• Кернинг в MS Word изменяет расстояние между отдельными двумя соседними символами, не влияя на другие интервалы в этом тексте.

В этом руководстве мы расскажем, как изменить расстояние между буквами в Ворде двумя способами. Эти инструкции подходят для разных версий Microsoft Word: Word для Microsoft 365, Word 2021, Word 2019, Word 2016, Word 2013, Word 2010, Word 2007.

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

Как уменьшить расстояние между буквами в Ворде

Сначала мы уменьшим интервал между символами в тексте документа Word. Из-за этого текст станет более компактным и поэтому в этом ограниченном пространстве поместится больше слов.

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

1. Выделите текст в окне документа Word, в котором вы хотите изменить интервалы между символами. Вручную выделите нужные абзацы или нажмите на клавиши «Ctrl» + «A» для выделения всего содержимого документа.
2. На ленте во вкладке «Главная» нажмите на стрелку в правом нижнем углу группы «Шрифт», или щелкните правой кнопкой мыши по выделенному тексту и выберите в раскрывающемся меню пункт «Шрифт…».
3. В диалоговом окне «Шрифт» перейдите на вкладку «Дополнительно».
4. В разделе «Межзнаковый интервал» в опции «Интервал:» в выпадающем меню выберите — «Уплотненный», чтобы уменьшить расстояние между символами.
5. В поле «на:» справа от параметра интервала щелкайте по стрелкам вверх или вниз, чтобы увеличить или уменьшить величину в пунктах, влияющую на уплотнение текста. Или сразу введите нужное значение. Расстояние в 1 пункт равно 0,35 мм.
6. В поле «Образец» отображается выбранная конфигурация межзнакового интервала, которую подоберите опытным путем.
7. Нажмите на кнопку «ОК».

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

Прочитайте также: Как сделать междустрочный интервал в Word — 4 способа

Как увеличить межбуквенный интервал в Ворде

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

Пройдите несколько шагов:

1. Выделите текст или фрагмент текста в документе Word.
2. Нажмите на клавиши «Ctrl» + «D».
3. В окне «Шрифт» откройте вкладку «Дополнительно».
4. В разделе «Интервал» в раскрывшемся списке выберите «Разреженный».
5. В поле «на:» установите подходящее значение в пунктах.
6. Убедитесь в правильности своих действий наблюдая результат в области предварительного просмотра.
7. Нажмите «ОК».

После применения этого параметра в документе Word изменится межзнаковый интервал, который станет более разреженным.

Читайте также: Как удалить пробелы в тексте документа Word — 6 способов

Как изменить расстояние между буквами в Word

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

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

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

1. В окне открытого документа Word откройте вкладку «Главная».
2. Щелкните по стрелке, расположенной в правой нижней части группы «Шрифт».
3. В окне «Шрифт» перейдите во вкладку «Дополнительно».
4. Установите флажок в пункте «Кернинг для знаков размером:», а затем укажите желаемый размер в поле «пунктов и более».
5. Щелкните по кнопке «ОК».

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

Выводы статьи

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

Как изменить межбуквенный интервал в Word (видео)
Похожие публикации:

• Как выровнять текст в Word — 5 способов
• Как большие буквы изменить на маленькие в Word
• Как создать объявления с отрывными листочками в Word
• Как сделать темную тему в Word
• Как перевести строчные в заглавные буквы в Word

Как сделать расстояние между буквами

Чтобы написать текст по дуге или по кругу, нужно прежде всего нарисовать окружность, взяв соответствующий инструмент из тулбара. После того как окружность нарисована берем инструмент [A], пишем нужную надпись в любом месте рабочего пространства и оставляем надпись выделенной этим инструментом. Затем Выбираем во вкладке свойств текста и тыкаем курсором в абрис нашей окружности. После того как текст размещен, его можно двигать вдоль окружности используя метку у первой буквы в виде точки красного цвета. После того как мы устаканили надпись можно выделить окружность курсором и убрать обводку (сделать нулевой абрис). Все. Точно также можно размешать текст вдоль любой дуги и кривой линии. Как изменить расстояние между буквами в Corel Когда возникает такой вопрос, обычно имеют ввиду расстояние между символами по горизонтали (называется КЕРНИНГ) или расстояние между базовыми линиями двух соседних строк по вертикали (называется ИНТРЕЛЬЯЖ). Чтобы изменить эти параметры и увеличить/уменьшить межстрочный или межбуквенный интервал в Corel Draw 12 например достаточно было выбрать инструмент [A] и, выделив свою надпись, нажать ПКМ (правая кнопка мыши). В появившемся меню нужно было выбрать и далее в открывшемся окне найти вкладку где собственно и можно было менять нужные параметры (как в % соотношении к размеру шрифта, так и в числовом, соответственно размеру кегля). В Corel Draw X3 межстрочный и межбуквенный интервалы меняются во вкладке .

Как изменить расстояние между буквами в Corel

Когда возникает такой вопрос, обычно имеют ввиду расстояние между символами по горизонтали (называется КЕРНИНГ) или расстояние между базовыми линиями двух соседних строк по вертикали (называется ИНТРЕЛЬЯЖ). Чтобы изменить эти параметры и увеличить/уменьшить межстрочный или межбуквенный интервал в Corel Draw 12 например достаточно было выбрать инструмент [A] и, выделив свою надпись, нажать ПКМ (правая кнопка мыши). В появившемся меню нужно было выбрать и далее в открывшемся окне найти вкладку где собственно и можно было менять нужные параметры (как в % соотношении к размеру шрифта, так и в числовом, соответственно размеру кегля). В Corel Draw X3 межстрочный и межбуквенный интервалы меняются во вкладке .

Объединение объектов в Corel Draw

Цитата Здравствуйте! Я только начинаю учиться в программе Corel Draw и у меня не получается объединить, например, прямоугольник и текст в нем (в прямоугольнике). И еще в руководстве написано о серых минусах и плюсах, что это такое и где распологается на электронной клавиатуре. Объединение объектов не стоит путать с группировкой объектов. При группировке (Ctrl + G) происходит создание группы из нескольких фигур (текст, графика). Во время объединения объектов, происходит т.н. контуров фигур. Чтобы объединить два объекта (в Вашем случае текст и прямоугольник) нужно выделить их на рабочем пространстве с помощью курсора, затем нажать Упорядочить -> Формирование -> Объединить. Заметьте, что если ваш текст будет находится внутри прямоугольника, то результатом объединения будет лишь форма прямоугольника, поэтому для объединения объектов достаточно того, чтобы их контуры лишь соприкасались или пересекались — результатом будет новая усложненная фигура. P.S. — где располагаются (на клавиатуре или в интерфейсе программы) серые минусы и плюсы к сожалению сказать сложно, не имея копии текста упоминаемого Вами руководства.

Что такое DOCKER

Docker-окнами называются мобильные окна, предназначенные для динамического изменения параметров во время редактирования документа. Docker-окна отображаются в правой части экрана между полосой прокрутки и палитрой цветов, еcли окно не нужно его легко свернуть. Alt+F2 Настройка линейных размеров Alt+F3 Docker-окно для создания эффектов Lens Ctrl+F7 Docker-окно для создания эффектов оболочки Envelope объекта Ctrl+F9 Docker-окно для создания эффектов Ctrl+F11 Docker-окно Simbols and Special Characters для выбора элементов библиотеки символов Ctrl+F5 Docker-окно Graphic and Text styles для отображения графических и текстовых стилей Ctrl+F2 Docker-окно View Manager для переключения между видами Alt+F7 Docker-окно Transform-Position для изменения положения, вращения, зеркального отображения и искажения выделенных объектов Alt+F8 Docker-окно Transform-Rotate для вращения объекта Alt+F9 Docker-окно Transform-Scale and mirror для масштабирования и зеркального отображения объекта Alt+F10 Docker-окно Transform-Size для настройки размеров выделенных объектов Последними четырьмя командами открывается одно докер-окно – Transform просто открывается сразу необходимая функция изменения и трансформации выделенного объекта

Руководство дизайнера по межбуквенным интервалам

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

Зачем контролировать трекинг

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

Как трекинг влияет на удобочитаемость

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

Трекинг заглавных букв

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

Трекинг в заголовках

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

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

Давайте взглянем на шрифты «Roboto» и «San Francisco» (первый используется в Material Design, второй — в экосистеме Apple):

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

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

• H1 — 96px: -1.5%;
• H2 — 60px: -0.5%;
• H3 — 48px: 0%;
• H4 — 34px: 0.25%;
• H5 — 24px: 0%;
• H6 — 20px: 0.15%;
• Подзаголовки — 16px: 0.15% .

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

Трекинг основного текста

Любой шрифт, как правило, нужно отрегулировать. Например, если использовать шрифт Aktiv Grotesk Condensed в мелком размере, то буквы будут расположены слишком близко друг к другу, и текст будет плохо разборчив. Если кастомизировать расстояние между буквами на 1.5%, читать текст станет легче.

Даже несмотря на то, что в семье «San Francisco» есть шрифт «SF Pro Display» для заголовков и «SF Pro Text» для основного текста, чтобы сделать их более изящными все равно нужно настроить межбуквенный интервал.

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

Учитывайте высоту строки

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

Светлый текст на темном фоне

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