Что такое размер шрифта: Размер шрифта — это… Что такое Размер шрифта?

я новичок на Lighttable IDE. кто-нибудь знает, как установить размер шрифта workspace и windows. я могу изменить размер шрифта редактора. но не знаю, как установить font-size для другого элемента….

Я использую @font-face, которому нужно дать большой размер шрифта. например, размер шрифта заголовка составляет 54px, который обычно очень большой, но в этом шрифте он кажется средним. Таким…

Недавно я переключился с программирования terminal Cpp на CLion и обнаружил, что это действительно мило. Но размер шрифта довольно мал, так как же я могу изменить размер шрифта по умолчанию для…

Я создаю многоязычный сайт Joomla, где пользователь может выбрать язык. Скажем-английский и Тибетский. На английском все выглядит нормально, но при просмотре на Тибетском сайте шрифты слишком…

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

Я совершенно новичок в Spring и веб-приложениях. Я создаю объект, содержащий размер шрифта в моем контроллере, а затем добавляю его в модель. private String fontSize = 24; @RequestMapping(value = /,…

Я не уверен, как SVG вычисляет размер отображаемого шрифта для текстового элемента. Я хотел бы теоретически рассчитать, каким будет размер шрифта для текстового элемента. А затем я хотел бы…

У меня есть несколько UILabels . При изменении размера устройства изменяется ширина и высота меток, поэтому я уменьшаю масштаб текста, чтобы он поместился внутри метки. Что я хочу сделать, так это…

Единицы измерения размера шрифта : я ищу ответы на следующие вопросы, пожалуйста, помогите мне найти их. 1. Какая единица измерения Xcode используется для размеров шрифта? Я имею в виду, это…

Я хочу увеличить размер шрифта, когда iPhone размер устройства получить bigger.if есть любой хотите увеличить размер шрифта в autolayout в Xcode.there есть возможность изменить только для iPhone и…

Что такое размер шрифта?

Обновлено: 01.02.2021, Computer Hope

Размер шрифта или Размер текста — это размер символов, отображаемых на экране или напечатанных на странице.

Как измеряется размер шрифта?

Размер шрифта часто составляет пунктов ( пунктов ). Очки определяют высоту надписи. В одном дюйме или 2,54 см примерно 72 (72,272) точки. Например, размер шрифта 72 будет около одного дюйма в высоту, а размер шрифта 36 — около половины дюйма.На изображении показаны примеры размеров шрифта от 6 до 84 пунктов. В вычислениях размеры шрифта также измеряются как пикселей, ( пикселей, ) и пикселей, ( пикселей, ).

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

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

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

Почему большинство шрифтов везде маленькие?

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

Размер шрифта в веб-дизайне

В веб-дизайне и CSS размер шрифта изменяется в зависимости от набора заранее определенных размеров шрифта. Некоторые из этих размеров включают xx-small, x-small, small, medium, large, x-large и xx-large. Размер шрифта также можно указать с помощью точек, пиков, дюймов, сантиметров, миллиметров, em и процентов.

Указание размера шрифта в теге HTML

Пример HTML ниже — это один из способов использования атрибута style в теге абзаца для настройки размера шрифта.

 
 Вот пример шрифта 2pt. 
 

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

В приведенном ниже примере кода CSS любой тег h3 на странице будет иметь большой размер шрифта.

 h3 {font-size: large;} 

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

Шрифт, масштабирование шрифта, точка, размер, тип, термины типографики, термины веб-дизайна

Что такое размер шрифта? Определение, размер и значение pt на самом деле

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

Интернет изобилует рекомендациями по размеру шрифта для студентов и других целевых аудиторий.Например, некоторые университеты по-прежнему предписывают, какой шрифт (Times New Roman) и кегль (12 пт) использовать для диссертации, что не обязательно способствует разборчивости диссертации. Многие люди не уверены в размерах шрифтов. И это вполне понятно, учитывая отсутствие лаконичных и понятных рекомендаций по этому поводу. Пора пролить свет на этот вопрос.

Типографские единицы

При работе со шрифтом мы используем не метрическую систему измерения, а типографские единицы.Итак, когда мы говорим о размере шрифта, мы используем не метры и миллиметры, а наименьшую типографскую единицу, и точку , установленную на заре печати и сохранившуюся до наших дней. На протяжении многих лет и столетий применялись разные единицы измерения: точка Дидо, модифицированная версия, основанная на точке Фурнье, долгое время была стандартом в мире типографики. На 0,375 мм это было немного больше, чем сегодняшняя точка PostScript или DTP, которая составляет 0,353 мм .Поэтому, если вы вводите размер шрифта 10 пунктов в Microsoft Word или Adobe InDesign, вы определяете, что ваш шрифт будет иметь размер 3,53 мм. По крайней мере, теоретически.

Что такое размер шрифта?

Давайте сначала определим термин «размер шрифта». Строго говоря, этот термин вводит в заблуждение, поскольку мы не определяем размер шрифта при установке значения точки в InDesign, Word или других приложениях, а указываем высоту основного текста. При ручном наборе высота корпуса определяется высотой грифеля или сорта металла, на котором отлита фактическая поверхность шрифта, печатная поверхность шрифта.Он окружен пустыми или пустыми частями формы буквы, так называемыми счетчиками.

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

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

Различные результаты измерений

Теперь можно предположить, что вам просто нужно убрать 15 процентов счетчика, то есть пустые или пустые части формы буквы, для каждого шрифта.Таким образом, при вводе 12 пунктов минус 15 процентов каждый шрифт будет иметь измеряемую высоту 10,2 пункта. Но это не тот случай, как вы, вероятно, заметили: два разных шрифта, установленных с одинаковым размером точки, могут казаться одинаковыми по размеру или выглядеть удивительно разными. Помимо оптического размера, который также важен, использование высоты тела является решающим для действительно измеримого конечного размера.

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

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

Различный внешний вид

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

Буква имеет разные анатомические особенности. Например, «p» проходит ниже базовой линии, «a» остается посередине, «b» поднимается над средней линией, «E» располагается посередине и вверху, «O» поднимается вверх. еще немного и подчеркнутые столицы выигрывают соревнование по высоте.Это проиллюстрировано на рисунке ниже:

Помимо формы, ширины линии и ширины букв, решающим для оптического размера в основном является x высота . Высота по оси x — это высота строчных букв в гарнитуре, например «m», «a» или «z». Эта высота отличается от высоты крышки, то есть букв «M», «A» или «Z». Часто буквы имеют соотношение размеров в соответствии с золотым сечением с коэффициентом 1,6, что означает, что «M» в 1,6 раза больше, чем «m».

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

Помните: не все шрифты размером 12 пунктов сделаны одинаковыми.В зависимости от шрифта различия могут быть значительными: шрифт размером 12 пунктов может казаться маленьким, как шрифт 8 пунктов, или большим, как шрифт 16 пунктов.

Измерение размера шрифта

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

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

Высота в л.с.

Высота в л.с. является стандартной величиной; он измеряет высоту от верхнего края буквы «h», «b», «d» или «l» до нижнего края «p» или «q». Для этого на большинстве типометров нанесены прямоугольники с печатью. Все, что вам нужно сделать, это найти прямоугольник, который точно соответствует буквам «h» и «p», и вы знаете размер шрифта. Если бы только не было вопроса об использовании другой высоты тела, описанной выше…

Высота крышки

В качестве альтернативы, некоторые дизайнеры работают с высотой крышки, которая измеряет только высоту заглавной буквы без чашек , например, буквы «H» или «M».Но их тоже сложно измерить, особенно в случае курсивных и рукописных шрифтов. Конечно, высота крышки не совпадает с размером пункта, который вы вводите в InDesign и других приложениях. Здесь необходимо указать рост. Таким образом, вы можете рисовать на собственном опыте или знать, где искать, чтобы рассчитать размер шрифта или высоту текста по высоте кепки.

Какой размер шрифта для какой цели?

Учитывая описанную выше ситуацию, вряд ли возможно дать надежные рекомендации по размеру шрифта.Размер легко читаемого шрифта для более длинного основного текста, который используется в журналах и книгах, обычно составляет от 8 до 12 пунктов. Чтобы сузить круг вопросов, вы должны знать, какой шрифт используется для надежного утверждения. То же самое касается визитных карточек или фирменных бланков, для которых одинаково хорошо подходит размер шрифта от 8 до 12 пунктов. Подписи, информация об авторских правах, сноски и аналогичные аннотации могут по-прежнему быть читаемыми в 7 pt. Но это сильно зависит от используемого шрифта и других деталей, таких как длина строки, количество текста или фон.Шрифты размером 6 пунктов обычно требуют от читателя хороших очков или используются для мелкого шрифта в контрактах, которые в любом случае никто не хочет читать.

Вывод: мы знаем, что ничего не знаем.

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

На что в точности переводится размер шрифта?

«Размер шрифта» относится к «высоте em» шрифта, которая не обязательно совпадает с высотой отдельных символов в шрифте.

Обычно высота em шрифта соответствует той же основной идее — оно будет примерно установлено на расстояние от самого нижнего нижнего нижнего элемента (например, нижнего нижнего нижнего нижнего нижнего нижнего элемента (например, нижнего края буквы g ) до самого верхнего нижнего нижнего нижнего нижнего элемента (например, верх буквы х ):

Как видите, не существует общих символов, охватывающих весь этот диапазон.

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

Как ни странно, многие шрифты теперь содержат символы, которые от до выходят за пределы высоты em. Например, современные гарнитуры часто включают заглавные буквы с акцентами (например, Ć ) — эти акценты расширяют за пределы традиционного типографского восходящего элемента и, таким образом, эти (и, возможно, другие специальные символы) выходят за пределы верхней части «Эм».Чтобы сохранить согласованность со старым шрифтом, мы не регулируем размер em, чтобы разрешить это — мы сохраняем размер em и просто расширяем его. Любой типограф, использующий такие акценты, должен будет убедиться, что для них есть место, хотя обычно в основном тексте достаточно интервала между строками .

Межстрочный интервал в основном тексте — это промежуток, оставленный между нижним нижним элементом одной строки текста и верхним нижним нижним нижним нижним элементом. Указанный в кавычках «размер шрифта» текста , а не , не включает в себя интервал между строками.Вот почему, когда вы выбираете размер в 12 пунктов, линии не разделяются точно на 12 пунктов (1/6 дюйма).

На разрыв строки в любом тексте могут влиять многие факторы, в том числе программное обеспечение, которое его отображает. На это может влиять поле CSS line-height , где 1,4 означает, что разрыв строки в 0,4 раза больше высоты em, и, таким образом, вся строка основного текста будет занимать в 1,4 раза высоту em, включая разрыв строки. . В других приложениях межстрочный интервал можно указать по-другому: текстовые процессоры часто задают значение «межстрочного интервала» как кратное некоторому «одинарному межстрочному интервалу», но в отличие от CSS, «одинарный» интервал не означает отсутствие межстрочного интервала, но некоторый пробел строки «по умолчанию», когда приложение пытается найти значение по умолчанию на основе метаданных в файле шрифта, если он там существует.Существует несколько стандартов для указания показателей в шрифте (например, в Truetype существуют разные стандарты Mac и Windows / OS2), поэтому интервал между строками по умолчанию может варьироваться в зависимости от приложения и операционной системы.

Теперь, даже если дизайнер следует предсказуемому соглашению для своей высоты em, он все равно не сообщает вам размер заглавных букв (cap-height) или строчных букв, таких как «x» (x-height или midline ), так как они могут свободно варьироваться между гарнитурами в зависимости от высоты восходящего элемента.В семействе шрифтов они обычно согласованы. Так, например, Times New Roman Bold и Times New Roman Regular имеют одинаковую высоту верха и высоту по оси x, а верхние, нижние и базовые линии будут совпадать между полужирным и не жирным шрифтом.

· Документы WebPlatform

Сводка

font-size устанавливает размер шрифта текста внутри элемента, к которому он применяется, и его потомков. Вы можете изменить размер текста, используя абсолютные измерения или измерения относительно родительского или корневого элемента затронутого элемента.Обзор CSS Text Styling Fundamentals.

Обзорная таблица

Начальное значение

средний

Относится к

Все элементы

Унаследовано

Да

Медиа

визуальный

Расчетное значение

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

Анимационный

Да

Свойство объектной модели CSS

размер шрифта

Синтаксис

• font-size: absolute ключевые слова
• размер шрифта: наследовать
• font-size: length
• font-size: процент
• font-size: относительные ключевые слова

Значения

абсолютных ключевых слов

Набор ключевых слов, обозначающих предопределенные размеры шрифта, которые масштабируются в соответствии с настройками шрифтов или значениями по умолчанию для каждого браузера.Возможные значения от наименьшего до наибольшего: xx-small , x-small , small , medium , large , x-large и xx-large .

относительных ключевых слов

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

длина

Абсолютное значение единицы: допустимы любые стандартные единицы длины css.Отрицательная длина запрещена.

процентов

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

наследовать

Ключевое слово inherit заставляет элемент перенимать размер шрифта своего родительского элемента.

Примеры

Подборка примеров, демонстрирующих типичное использование свойства font-size.

  
 Пример первый: мы ♥ Документы WebPlatform! 
 Пример второй: Lorem ipsum dolor sit amet, conctetur adipisicing elit.Officiis, eos, dicta nihil aliquid quia dolores labore nesciunt undeconctetur blanditiis ex eius consquatur qui incidunt voluptatem Inventore fugit quos amet! 
 Пример третий: Eius, earum unde eum distinctio ex accusamus rem eligendi optio mollitia deleniti? Iure, accusamus, fuga ipsa quas doloremque enim velit sed est earum pariatur ab optio quia molestiae repllendus non. 
  

  .example-one {
    размер шрифта: 1.2em;
}

.example-two {
    размер шрифта: маленький;
}

.example-three {
    размер шрифта: 28 пикселей;
}
  

Посмотреть живой пример

Переопределение типичного 16px размера шрифта браузера по умолчанию среднего значения как 10px , с последующим изменением размера текста, который следует за ним, пропорционально этому.

  HTML {размер шрифта: 62,5%; }


.example-one {размер шрифта: 3.6rem}
.example-two {размер-шрифта: 2.4rem}
.example-three {размер шрифта: 1.4rem}
  

Посмотреть живой пример

Использование

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

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

Хотя исходный средний размер широко применяется, браузеры применяют таблицу стилей по умолчанию, которая изменяет ее для различных семантических элементов, например, увеличивая размер заголовков. Браузеры также автоматически изменяют размер шрифтов при масштабировании страницы, переходя по значениям, которые могут не точно соответствовать коэффициенту масштабирования.Если не отключено с помощью text-size-adjust , шрифты также изменяют размер при переключении между книжной и альбомной ориентацией в мобильных браузерах. Для обзора проблемы см. Мобильное окно просмотра и ориентация.

Значение font-size также влияет на значение line-height при использовании значений по умолчанию или относительных измерений.

Наряду со многими другими свойствами CSS, размер шрифта также может применяться непосредственно как атрибут SVG:

Связанные спецификации

Модуль шрифтов CSS, уровень 3

Осадка рабочий

Модуль значений и единиц CSS, уровень 3

Кандидат в рекомендации

Каскадные таблицы стилей, уровень 2, редакция 1 (CSS 2.1) Спецификация

Рекомендация W3C

См. Также

Статьи по теме

CSS Шрифт

Шрифты

Текст

Другие статьи

Внешние ресурсы

Размер шрифта баннера — насколько он должен быть большим?

Самый популярный метод определения правильного размера шрифта для вывески и баннера — сделать их высотой как минимум один дюйм (72 пункта) на каждые 10 футов расстояния просмотра. Что касается конкретных размеров шрифта, согласно Школе медиаискусств и дизайна Университета Джеймса Мэдисона, 1 пункт (пт) примерно соответствует 1/72 дюйма.

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

Размер шрифта в дюймы Таблица преобразования

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

Какого размера должны быть буквы на вывеске?

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

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

• Стиль шрифта — Шрифты без засечек легче читаются на расстоянии по сравнению со шрифтами с засечками. Стили с более тонкими буквами могут быть труднее читать, хотя слишком толстые буквы также будут трудно читать. Вы можете проверить профессиональные вывески в вашем районе, чтобы понять, какие стили шрифтов подходят лучше всего. Вы также можете распечатать несколько тестовых знаков на домашнем или офисном принтере, чтобы проверить, работает ли стиль шрифта.
• Кернинг — это расстояние между буквами. Буквы, расположенные слишком близко друг к другу или слишком далеко друг от друга, могут быть трудночитаемыми. Хотя это делается автоматически на вашем компьютере, часто лучше, чтобы графический дизайнер помог вам определить оптимальные расстояния, чтобы избежать создания универсального знака.
• Белое / негативное пространство — Знаки не должны быть слишком загромождены, иначе основное сообщение будет затемнено, независимо от размера букв вашего баннера.Общепринятое эмпирическое правило в сообществе графического дизайна заключается в том, чтобы контент (включая изображения) занимал только 40% знака, а отрицательное пространство занимало оставшиеся 60%. Это поможет лучше выделить сообщение вашего баннера, особенно в общественных местах, где другие знаки и объекты могут конкурировать за внимание.
• Цвета — Белый, красный и аналогичные яркие цвета привлекают больше внимания по сравнению с более темными и нейтральными цветами. Цвета, которые вы используете на копии и фоне вашего баннера, также должны иметь достаточный контраст, чтобы текст был более понятным.

Какой размер шрифта подходит для доски меню?

Баннеры и вывески — популярные продукты для использования на досках меню в кафе и ресторанах, а также на досках цен и уведомлений для других малых предприятий, таких как прачечные самообслуживания. Вы можете предположить, что они будут считываться в помещении или, по крайней мере, на близком расстоянии, вероятно, намного меньше, чем 100 футов. Ваш основной текст может быть от до 72 pt. (примерно 1 дюйм в высоту) и 216 pt. (примерно 3 дюйма в высоту). Вы можете использовать любой размер шрифта заголовка, если он больше основного текста и выглядит пропорционально.

Какой размер шрифта подходит для вывесок политической агитации?

Эти широкоформатные материалы также являются хорошим способом публично поделиться лозунгами или любыми другими сообщениями. Это делает вывески и баннеры популярными среди рекламных агентств и подходящими для политических кампаний и любых видов защиты. 216 пт. (3 дюйма в высоту) — хорошая отправная точка для основного текста для дворовых вывесок и баннеров, которые должны быть читаемыми на расстоянии от 30 до 100 футов. Вы можете увеличить размер до 432 пт. (6 дюймов в высоту) или больше, если вы хотите, чтобы водители были лучше видны или просто хотите, чтобы сообщение вашего знака было видно издалека. Вы можете обратиться к нашей таблице рекомендованных размеров шрифта выше.

Какой размер шрифта подходит для рекламных панелей?

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

Вы можете уменьшить основной текст. Если ваши читатели могут приблизиться на расстояние вытянутой руки (примерно в 1 футе), 10 pt. или 12 пт. (примерно размер основного текста в журнале) может хватить. Чем дальше ваши читатели, тем крупнее должен быть текст. На расстоянии ярда или около того вы можете увеличить размер текста до 16 pt.до 32 пт. Если область отображения огорожена или недоступна для ваших читателей иным образом, вы можете соблюдать размер и рекомендуемые расстояния просмотра, указанные в таблице выше.

Преобразование обычного размера шрифта в дюймы

Какой размер шрифта составляет 1,5 дюйма?

Ваш размер шрифта должен быть 108 pt. , чтобы напечатать письмо высотой примерно 1,5 дюйма.

Какой размер шрифта составляет 2 дюйма?

Ваш размер шрифта должен быть 144 pt. , чтобы напечатать письмо высотой примерно 2 дюйма.

Какой размер шрифта составляет 5 дюймов?

Ваш размер шрифта должен быть 360 pt. , чтобы напечатать письмо высотой примерно 5 дюймов.

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

Word 2000: размер шрифта

/ ru / word2000 / bold-italics-underline-and-format-painter / content /

Введение

К концу этого урока вы должны уметь:

Диалоговое окно Шрифт

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

Список шрифтов

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

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

Изменение размера шрифта

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

Arial 10 Point

Arial 12 Point

Arial 20 Point

Arial 26 Point

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

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

• Выберите формат Шрифт . Откроется диалоговое окно «Шрифт».
• Щелкните шрифт из списка шрифт .
• Выберите размер из списка размер шрифта .
• Посмотрите на текст в окне предварительного просмотра, пробуя разные размеры.

Панель инструментов форматирования

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

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

Challenge!

Поэкспериментируйте со шрифтами, выполнив следующие действия:

• Выберите диалоговое окно Font из меню Format .
• Предварительный просмотр различных шрифтов, стилей и размеров, доступных в Word.
• Выберите несколько комбинаций размера и стиля шрифта. После того, как вы сделаете свой выбор, нажмите OK.

/ ru / word2000 / bullets-and-numbered-lists / content /

для адаптивных веб-сайтов

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

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

Размер шрифта в веб-дизайне

Размер шрифта в Интернете можно изменять разными способами:

• Пиксель (px)

• Point (pt)

• em: размер шрифта является относительным к размеру шрифта родительского контейнера.

• Корень em (rem): размер шрифта наследуется от корня стиля.

• Процент (%)

• Ширина или высота области просмотра (vw или vh)

• Сантиметр (см)

• Миллиметр (мм)

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

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

  Другой вариант — использовать em и rem . em наследует свой размер от своего родителя, а rem наследует стиль корневого (отсюда и название root em).

  Размер шрифта по умолчанию во всех браузерах составляет примерно 16 пикселей.Обычной практикой является установка корневого font-size равным 62,5%, что переводит значение по умолчанию 16 пикселей примерно в 10 пикселей. Мы делаем это, чтобы упростить мысленное преобразование размера шрифта при использовании em или rem (например, 1 rem = примерно 10 пикселей, а 1,8 rem = примерно 18 пикселей). Это удобный подход по двум причинам:

  1. Мысленное преобразование между пикселями и rem легко вычислить в уме.

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

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

  В CSS мы делаем это с помощью медиа-запросов.

  Например, мы можем установить размер шрифта по умолчанию для элемента h2 равным 3,5 rem. Это может отлично смотреться на настольном компьютере, но на мобильном устройстве будет слишком большим.Следовательно, у нас может быть медиа-запрос, например:

   h2 {
      размер шрифта: 3,5 бэр;
  }
  
  @media only screen и (max-width: 400px) {
      h2 {
          размер шрифта: 2rem;
      }
  } 

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

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

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

  Оптимальные размеры шрифтов для настольных ПК

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

  • Основной текст — Размеры шрифта должны быть от 16 до 18 пикселей для удобочитаемости (или от 1,6 бэр до 1,8 бэр, используя наши правила определения размеров, упомянутые выше).Если вы можете позволить себе увеличить изображение, то даже 21 пиксель может быть приятным для чтения.

  • Заголовки — заголовки должны быть примерно в 1,96 раза больше, чем основной текст, чтобы создать достаточный контраст. Это будет означать, что если вы используете 18 пикселей для размера основного шрифта, тогда вы будете использовать около 35 пикселей для заголовков.

  • Подзаголовки — они должны быть немного меньше, чем размер заголовка, с некоторыми корректировками, например меньшим весом, чтобы создать контраст между ними.Например, если мы использовали 35 пикселей для заголовка, мы должны использовать около 30 пикселей для подзаголовка.

  • Поля ввода — они должны точно соответствовать правилам основного текста.

  Оптимальные размеры шрифта для мобильных устройств

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

  • Основной текст — Размер шрифта должен быть не менее 16 пикселей для основного текста.В некоторых случаях вы можете уменьшить размер шрифта (например, если шрифт имеет необычно большие символы или вы используете прописные буквы), при этом 14 пикселей будут наименьшим размером, который вам следует использовать. Для контекста в Material Design от Google используется минимальный предлагаемый размер дополнительного шрифта в 14 пикселей, а в рекомендациях Apple — 15 пикселей.

  • Заголовки — Заголовки должны быть примерно в 1,3 раза больше, чем ваш основной текст, чтобы создать достаточный контраст. Это будет означать, что если вы используете 16 пикселей для размера основного шрифта, вы должны использовать ~ 21 пикселей.Это уменьшено по сравнению с 3,5 бэр, которые мы использовали на настольных компьютерах.

  • Подзаголовки — и здесь они часто уменьшаются по сравнению с размером заголовка, но у нас есть небольшая проблема, в которой подзаголовок может выглядеть слишком похожим на размер основного шрифта. По этой причине некоторые дизайнеры предпочитают визуально отличать подзаголовки за счет использования веса, форматирования, например курсива и межбуквенного интервала. Если мы использовали 21 пиксель для заголовка, мы могли бы выбрать 18 или 16 пикселей для подзаголовка, но с меньшим весом, чем заголовок или основной текст.

  • Поля ввода — они должны точно соответствовать правилам основного текста.

  Размеры адаптивного шрифта в Editor X

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

  Используя текстовый редактор, вы можете установить минимальный и максимальный размер шрифта для любого текстового элемента. Например, вы можете установить максимальный размер шрифта для заголовка на 35, а минимальный на 21 на рабочем столе.Это обеспечит плавное масштабирование текста при изменении размера экрана. Максимальный размер шрифта остается относительно контрольной точки ширины экрана 1920 пикселей в редакторе X, а минимальный размер шрифта — относительно точки ширины экрана 320 пикселей.