Кегль — это… Что такое Кегль?

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

КЕГЛЬ — Толщина стопочки отлитой типограф. буквы, размер литеры в толщину. Словарь иностранных слов, вошедших в состав русского языка. Чудинов А.Н., 1910. КЕГЛЬ размер типографской литеры в толщину, высота свинцового столбика, на одном конце которого… …   Словарь иностранных слов русского языка

кегль — КЕГЛЬ, КЕГЕЛЬ, кегля; м. [нем. Kegel] Типогр. Размер типографской литеры (от верха до низа строки), определяемый числом пунктов. Десятый к. Восьмой к. * * * кегль (кегель) (полиграф.), размер шрифта, включающий высоту буквы (очка) и заплечики… …   Энциклопедический словарь

КЕГЛЬ — и (редк.) кегель, кегля, муж. (нем. Kegel) (тип.). Величина типографской литеры. Кегль измеряется пунктами. Толковый словарь Ушакова. Д.Н. Ушаков. 1935 1940 …   Толковый словарь Ушакова

кегль — Кегль, Кегель (Size, Body size, Point size)     В металлическом наборе [металлические буквы для механического наборного оборудования] – размер литеры [буква в металле] по вертикали, включающий высоту буквы (очка [отпечаток литеры на бумаге,… …   Шрифтовая терминология

кегль — кегель, размер Словарь русских синонимов. кегль сущ., кол во синонимов: 2 • кегель (2) • размер …   Словарь синонимов

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

КЕГЛЬ — (кегель) (полиграфический), характеризует высоту букв шрифта. Измеряется в пунктах (в России 1 пункт=0,3759 мм). Некоторые кегли имеют собственное название, например бриллиант (высота букв 3 пункта), нонпарель (6), петит (8), цицеро (12) …   Современная энциклопедия

КЕГЛЬ — (кегель) в полиграфии размер шрифта, включающий высоту буквы (очка) и заплечики (свободные пространства над и под очком). Измеряется в пунктах (в России 1 пункт = 0,3759 мм). Некоторые кегли имеют название: бриллиант, диамант, перл, нонпарель,… …   Большой Энциклопедический словарь

кегль — и кегель, кегля (размер типографскойлитеры) …   Русское словесное ударение

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

Глава 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. Как я уже упоминал, следует избегать свойства Height, если вы, конечно, не уверены, что имеете дело только с выводом страницы на экран. Так как свойство Height не включает объект Graphics, оно не подходит для вывода на принтер или для произвольного преобразования страницы.

Сайт управляется системой uCoz

Основы типографики. Как измерять размер шрифта

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

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

Термин кегль шрифта означает высоту шрифта (в пунктах), или, более точно, — высоту металлического шпона с буквами в стародавние времена. Поскольку наборные знаки традиционно изготовлялись лишь стандартных размеров (9, 10, 12, 14, 16, 18, 24, 30, 36, 48, 60, 72), они и теперь остаются наиболее распространенными.

Измерение шрифта — это сложная задача, потому что кегль шрифта не всегда соответствует реальному размеру. 100-пунктовый шрифт, к примеру, никогда не имеет высоту точно 100 пунктов. Более того, размер 100-пунктового шрифта зачастую разнится от знака к знаку.

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

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

1. Чтобы вычислить размер шрифта (кегль), измерьте расстояние между верхним выносным элементом и нижним выносным элементом. Здесь общая высота 57 пункта, хотя на самом деле это 60-пунктовый курсив семьи Times.

2. Засечка. Поперечный элемент на конце буквы.

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

4. Высота х. Высота обычного знака нижнего регистра («х»).

5. Базовая линия. Невидимая линия, на которой сидят знаки.

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

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

Большинство текстовых редакторов позволяют регулировать шрифт горизонтально и вертикально.

Размеры шрифта в Word, OpenOffice и LibreOffice

Размер шрифта измеряется в пунктах (раньше использовался термин кегль, но сейчас этот термин почти полностью вышел из употребления). 72 пункта составляют один английский дюйм (примерно 2,54 см). Высота букв шрифта в 12 пунктов будет равна 1/6 дюйма, или 4,233 мм. Шрифт также можно измерять в пиках: 1 пика равна 12 пунктам. Часто меня спрашивают: почему я все время говорю, что используется английский дюйм, как будто может быть другой. На самом деле существует еще и французский дюйм, вышедший из практического применения более 200 лет тому назад, но который по-прежнему применяется во многих полиграфических организациях для определения размеров шрифтов (пункт Дидо, цицеро и т. д.).

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

Таблица 1. Общепризнанные названия единиц измерения шрифтов

Название	Величина в пунктах	Система Дидо, мм	Англо-американская шрифтовая система, мм
Бриллиант или цицеро	3	1,127819549	1,058334
Диамант или полупетит	4	1,503759398	1,411112
Перл	5	1,879699248	1,76389
Агат	5,5	2,067669173	1,940279
Нонпарель	6	2,255639	2,116668
Петит	8	3,007519	2,822224
Боргес	9	3,383458647	3,175002
Корпус	10	3,759398	3,52778
Малая пика	11	4,135338346	3,880558
Миттель	14	5,263157895	4,938892
Терция или треть квадрата	16	6,015037594	5,644448
Парагон	18	6,766917293	6,350004
Текст или Двойной корпус	20	7,518796992	7,05556
Двойная малая пика	22	8,270676692	7,761116
Двойное цицеро или квадрата	24	9,022556391	8,466672
Малый канон	32	12,03007519	11,288896

На самом деле размер шрифта можно определить в диапазоне от 1 до 1638 пунктов. Для выбора пользовательского размера выделите текст, к которому нужно применить размер, в поле предлагаемого размера шрифта введите с клавиатуры нужный размер, нажмите на клавишу Enter. Если текст не был предварительно выделен, то новый размер шрифта будет применен, начиная с точки, в которой мигает курсор в момент изменения размера шрифта. Точность можно выбрать с точностью до 0,5 пункта. В качестве десятичного знака в России используется только запятая. При вводе других дробных значений размера шрифта выдается сообщение об ошибке (например, при выборе размера «14,25» выводится сообщение об ошибке «Указано неверное число»).

В приложении OpenOffice.org Writer выбор размеров шрифтов более удобный: там градация размеров шрифтов более сложная, но немного запутанная для начинающих. В диапазоне от 0 до 0,5 пункта разрешены нечетные дробные значения, то есть, 0,1, 0,3, 0,5. В диапазоне от 0,5 до ближайшего целого пункта разрешены четные дробные значения, то есть, 0,6, 0,8. Никаких сообщений об ошибках при определении размеров шрифта в этой программе нет: если пользователь ошибся, то дробное значение просто автоматически выбирается как ближайшее меньшее значение к разрешенному дробному значению.

Иллюстрированный самоучитель по Adobe PageMaker 7 › Форматирование символов › Выбор кегля [страница — 44] | Самоучители по графическим программам

Выбор кегля

Типографские единицы измерения. Кегль.

Компьютерные издательские системы появились сравнительно недавно, как и сами персональные компьютеры. С другой стороны, книгопечатный станок изобретен Гутенбергом в 40-х годах XV века, а после изобретения в 1814 году офсетной машины полиграфический процесс, можно сказать, приобрел современные очертания. В полиграфии, как и в любой традиционной отрасли, сохраняется своя, часто абсолютно нелогичная терминология, а также система измерений, основанная на странных числах типа 72 или 1/1440. К сожалению, работники типографий и издательств привыкли к своей системе единиц, поэтому и дизайнеру, несмотря на то, что всю сознательную жизнь он старался пользоваться десятичной системой счисления, придется ее выучить, для того чтобы контакты с типографией и издательствами были дружескими и плодотворными. Кроме того, использование традиционных единиц измерения дает возможность сопоставить величину шрифта с остальными элементами публикации – полями, размером страницы и полосы набора и др.

Пики и пункты – традиционно использующиеся в полиграфии единицы измерения. Ширина и высота колонок и полос выражаются в пиках. Пика равна 4.236 мм или примерно 1/6 дюйма. Величина литер шрифта и интерлиньяж оцениваются в пунктах. В одной пике 12 пунктов, соответственно, в дюйме 72 пункта, или 6 пик. В системе СИ пункт равен 0.353 см. В европейских странах применяется такая единица, как цицеро. Она примерно равна пике (а именно 4.523 мм). В одном дюйме 5.62 цицеро. На рис. 4.10 даются сравнительные линейки, размеченные этими единицами.

Рис. 4.10. Сравнение миллиметров, дюймов и полиграфических единиц измерения

Кегль (величина символов текста), как уже было сказано, измеряется в пунктах. Принято считать, что в большинстве шрифтов величина кегля соответствует ширине прописной буквы М. Если набрать разными гарнитурами одного кегля строчку текста (как показано на рис. 4.11), очевидно, что видимая величина символов сильно разнится. Это происходит потому, что кегль задает не собственно размер букв, а высоту строки текста. Символы разных гарнитур могут иметь разное начертание, а – «конечный продукт (текст) должен смотреться гармонично. Поэтому величина символов сбалансирована художником, создавшим шрифт так, чтобы символы красиво заполняли строку, в данном случае, размером 24 пункта. Скажем, в шрифте Torhok очень маленькие строчные литеры потому, что создатель решил сделать изящный, очень легкий и светлый шрифт, с акцентом на прописные буквы. Если набрать таким шрифтом страницу, то на ней, во-первых, будет слишком пусто, т. к. большая часть строки не заполнена символами, а во-вторых, такой текст будет трудно читать. Этот шрифт служит для заголовков, буквиц и прочих декоративных элементов.

Рис. 4.11, а) Текст, набранный разными гарнитурами одного кегля

Рис. 4.11, б)

Программа PageMaker дает возможность применять любые единицы измерения (дюймы, пики, миллиметры). Кроме вышеперечисленных, в полиграфии используются дополнительные единицы измерения – круглая шпация, полукруглая шпация, тонкая шпация, характеризующие горизонтальные размеры шрифта. Традиционно они соответствуют ширине заглавных букв М, N и строчной буквы t. Поскольку все шрифты разные, то и ширина литеры М у них может различаться. Некоторые программы упрощают расчет шпации, приравнивая круглую к кеглю шрифта. Соответственно, полукруглая составляет 0.5 кегля, а тонкая – 0.25 кегля. Шпации применяются при измерениях абзацных отступов, кернинга и других перемещениях символов. Эти перемещения (в первую очередь кернинг) совершаются для улучшения зрительного восприятия текста, поэтому важны не точные значения смешений, а их отношение к величине символов в конкретной гарнитуре. В данном случае применение такой относительной единицы автоматически делает эти смещения пропорциональными размеру шрифта.

Шрифт в веб-дизайне | R-BAND

Пользователи сайта = деньги

Какова главная цель создания сайта? В большинстве случаев эта цель – заработать деньги. Веб – сайт с уверенностью можно назвать бизнес-активом, а что же должен делать бизнес-актив? Приносить доход. Поэтому каждый элемент сайта должен быть понятен и удобен в использовании. Если вы «не объясняете», что люди должны делать на сайте или почему они должны что-то сделать, то они, как правило, этого делать не будут. Поэтому один из главных способов презентовать продукт пользователю – это использовать текст, а текст подразумевает чтение.

Поговорим о тенденциях

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

Пример использования мелкого шрифта на сайтах

 

Так сколько же пикселей?

Один из крупнейших ресурсов для веб-дизайнеров и разработчиков smashingmagazine.com даёт своё осмысление этой проблемы.
Smashing magazine утверждает, если вы хотите, чтобы максимальное количество людей находилось на вашем сайте, читало, понимало текст, то нужно установить его минимальный размер в 16 px. Так же ресурс приводит несколько статистических фактов, над которыми нельзя не задуматься.
Почти каждый десятый пользователь имеет проблемы со зрением (приведена давнишняя статистика, поэтому думаем, что на сегодняшний день эта цифра гораздо больше). Остальным, у кого со зрением все в порядке, все равно придется напрячься, чтобы прочитать текст меньше 16 px. Даже если пользователи не замечают, что напрягают глаза, то, на самом деле, всё равно это делают. Чем труднее читать текст, тем меньше вероятность, что он будет прочитан. Это значит, что пользователь прочтет меньше информации, чем ему было нужно, а, следовательно, меньше поймет. Использование 10 px на сайте — совершенно бессмысленно, а 12 px — все еще слишком мелко для большинства читателей.

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

Ссылка на статью Smashing magazine: https://www.smashingmagazine.com/2014/09/balancing-line-length-font-size-responsive-web-design/

 

Примеры удобного для чтения размера шрифта

Что на счёт заголовков?

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

Пример сайта с контрастным заголовком

Этот прием в основном касается заголовка h2.
Статистика показывает, что наиболее популярные размеры шрифта для заголовков — в диапазоне от 18 до 29 px.

Конкретнее в цифрах

Общие значения

Ниже приведены некоторые значения, основанные на анализе ресурсов и статей на тему размеров шрифтов.
— Чаще всего для основного текста используются кегли от 14 до 18 px.
— Чтобы получить оптимальный размер заголовка, нужно размер основного текста умножить на 2-2,5.
— Для того, чтобы узнать оптимальный интерлиньяж (межстрочное расстояние), нужно размер шрифта умножить на 1,48.
— Отступы между абзацами примерно в 1.39 раза больше, чем интерлиньяж внутри абзацев.
— Размер строки 100 символов при размере контентной области в 1070 px.

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

Адаптивная верстка

Все современные сайты являются адаптивными. Сайты создаются с расчетом отображения сайта на нескольких разрешениях экрана. При уменьшении разрешения происходит «скачок» от одной композиции экрана к другой (брейкпоинт). Стили шрифта с каждым последующим брейкпоинтом меняются. Отсюда возникает проблема пропорций шрифта. Если на десктопной версии размер шрифта 20 рх, а интерлиньяж 28 рх, то на мобильном устройстве размер шрифта ставится, например, 14 рх, а интерлиньяж может быть и 16 рх, и 20 рх. В таких случаях, дизайнер должен сидеть и высчитывать значения на калькуляторе…или воспользоваться скейтлингом шрифтов и упростить себе жизнь https://readymag.com/kelnik/960360/
Скрипт от дизайн-бюро «Дизайн Кабак» designpub.ru помогает вычислять соотношения размера шрифта и интерлиньяжа. С этим инструментом ясно, что десктопный параграф размером 20/28 px на мобильном устройстве будет 14/20 px.

 

Заключение

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

 

Размер шрифта имеет значение — Правовая поддержка журналистов и СМИ

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

Речь пойдет о ситуации, когда подготовленный макет в pdf-формате хорошо читается с экрана компьютера, но текст «поплыл» при печати.

Как следует из пункта 28 постановления Пленума Высшего Арбитражного Суда Российской Федерации №58 «О некоторых вопросах практики применения арбитражными судами Федерального закона «О рекламе», если информация изображена таким образом, что она не воспринимается или плохо воспринимается потребителем (шрифт (кегль), цветовая гамма и тому подобное), и это обстоятельство приводит к искажению ее смысла и вводит в заблуждение потребителей рекламы, то данная информация считается отсутствующей, а соответствующая реклама ненадлежащей в силу того, что она не содержит части существенной информации о рекламируемом товаре, условиях его приобретения или использования (часть 7 статьи 5 ФЗ «О рекламе»).

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

Кто здесь отвечает за плохое качество печати: редакция или типография?

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

Каким он должен быть – подробно указано в Санитарных правилах и нормах СанПиН 1.2.976-00 «Гигиенические требования к газетам для взрослых» (утв. Главным государственным санитарным врачом РФ 4 октября 2000 г.).

Например: если печать идет на цветном фоне, или используется выворотка шрифта (белый шрифт на черном, сером или цветном фоне), то при размере газеты А3, объема текста 3 000 знаков, кегль шрифта должен быть не менее 8, если объем текста 1/2 полосы, то 9.

Если редакция учтёт требования СанПиНов, а текст все равно будет расплывчатым и нечитаемым, то тут уже все претензии можно будет адресовать типографии.

Елена Пальцева

 

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

Обновлено: 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;} 

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

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

Увеличьте размер шрифта и вместе с ним увеличьте SEO и RPM

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

Увеличение размера шрифта.

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

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

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

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

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

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

1. балл (пт)
2. пикселей (пикс)
3. выс.
4. рем
5. процентов

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

Но сначала оговорка: точки НЕ равны пикселям.

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

Общее практическое правило заключается в том, что 12 pt будет равняться 16 пикселям на большинстве устройств, но — не все .

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

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

Все они относятся к базовому шрифту, обычно 12 или 16 пикселей на большинстве устройств; Если вы установите 1em, 1rem или 100%, то теоретически это то же самое, что выбрать 12pt или 16px для большинства устройств.

Это позволяет вам легко определять заголовки, списки и другие элементы относительно основного текста вашего текста. Например, вы можете установить заголовки на 150% или 1.5em, увеличивая их на 50%.

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

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

Все это говорит о том, какие размеры шрифтов лучше всего подходят для повышения SEO и RPM?

Увеличение размера шрифта для SEO (и читателей тоже)

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

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

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

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

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

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

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

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

Увеличение размера шрифта и его влияние на частоту вращения

Хорошо, Google доволен размером 16 пикселей. Мы все?

Как и большинство наших рекомендаций по поисковой оптимизации и удобству пользователей, настройка размера шрифта может помочь в монетизации.Наши правила размещения рекламы соответствуют стандартам Coalition for Better Ads, и, как и руководящие принципы SEO, следует туда, куда нас ведет пользовательский опыт.

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

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

Итак, каков идеальный размер шрифта для монетизации?

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

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

Это может показаться большим числом, но помните, где ваша аудитория читает, и что это не шрифт 18pt ; 18px на самом деле все еще довольно мало на мобильном устройстве.

Можете ли вы пойти еще дальше?

Совершенно верно.

Мы видели, что многие сайты очень хорошо работают с большим размером шрифта. Эми из Shugary Sweets и Кортни из Sweet Cs обсуждали это во время прямой трансляции в Facebook, которую они проводили с нами прошлым летом.

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

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

Где вы вносите эти изменения?

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

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

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

body {
font-size: 18px;
}

h2 {
font-size: 24px;
}

Тем не менее, обратите внимание, что в тему так много всего.

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

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

Обновление за август 2019 года: Это продолжает оставаться одним из самых популярных постов в блоге Mediavine, и не зря. Тонны наших издателей заметили увеличение RPM после реализации этой быстрой настройки размера шрифта. Мы добавили пару новых ссылок на этот пост для вашей справки!

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

веб-типографики | Размер шрифта

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

Измерение фиксированной высоты

• баллов (пт)
• пик (шт)
• дюймы (дюймы)
• см (см)
• миллиметры (мм)
  

Два других измерения фиксированной высоты доступны только для полотна:

• Высота по оси X (пример) На основе высоты строчного символа x [рис.2].
• Пикселей (пикселей) В зависимости от разрешения экрана.

Использование фиксированной высоты в Интернете не рекомендуется, поскольку Интернет обычно просматривается на экране, а разные экраны имеют разное разрешение. Когда вы указываете 14-точечный шрифт, он может отображаться намного больше или меньше, чем вы ожидаете, на разных экранах. Чаще всего это замечается при переключении между компьютерами Windows и Macintosh: шрифт обычно отображается на Mac почти на 25% меньше.

Таким образом, лучший способ установить размер шрифта в Интернете — использовать относительное измерение шрифта.

Относительный размер шрифта

• Ems (em) На основе размера шрифта по умолчанию в браузере средства просмотра.
• Проценты (%) Подобно ems, основано на настройках браузера по умолчанию и вычислено относительно окружающего текста.

1 em = 16 пикселей (размер шрифта по умолчанию в большинстве браузеров) *

Думайте пикселями, используйте Ems для измерения.
Размеры шрифтов наследуются в DOM дочерними элементами от своих родительских элементов. Это может затруднить расчет размера вложенных элементов. Хорошая идея — сначала измерить все в пикселях, а затем преобразовать измерения в EMS.

Масштабирование

Хорошее практическое правило — выбирать удобный размер шрифта: от 14 пикселей и выше. Используйте шкалы [рис.3], чтобы различать заголовки, основной текст, нижние колонтитулы, примечания на полях и другую текстовую информацию.

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

* Подробнее о Em

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

Вот формула для преобразования пикселей в em:

требуемое значение пикселя ÷ родительский размер шрифта = значение em

Например, размер шрифта h2 составляет 18 пикселей.Чтобы преобразовать его в em, 18 ÷ 16 = 1,125 em (размер шрифта тела по умолчанию — 16 пикселей).

1 Сравнение в дюймах, точках и пиктограммах

2 Определение ex

3 Шкала

Пример классической шкалы: Пример шкалы на основе последовательности Фибоначчи:

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

body {font-size: 100%;}
h2 {font-size: 2.5em;}
h3 {font-size: 1.875em;}
p {font-size: 0.875em;}

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

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

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

Высота буквы	Эквивалент размера шрифта	Наилучшая читаемость	Рекомендуемое максимальное расстояние
1 дюйм	72 пт.	1 ’	50 ’
1,5 дюйма	105 пт.	15 ’	62,5 ‘
2 дюйма	144 пт.	20 ’	75 ’
3 дюйма	216 пт.	30 ’	100 ’
4 дюйма	288 пт.	40 ’	150 ’
5 дюймов	360 пт.	50 ’	175 ’
6 дюймов	432 пт.	60 ’	200 ’
8 дюймов	576 пт.	80 ’	350 ’
9 дюймов	648 пт.	90 ’	400 ’
10 дюймов	720 пт.	100 ’	450 ’
12 дюймов	864 пт.	120 ‘	525 ’
15 дюймов	1080 пт.	150 ‘	630 ’
18 дюймов	1296 пт.	180 ‘	750 ’
24 дюйма	1728 пт.	240 ‘	1,000 ’
30 дюймов	2160 пт.	300 ‘	1,250 ’
36 дюймов	2592 пт.	360 ‘	1,500 ’
48 дюймов	3456 пт.	480 ‘	2,000
60 дюймов	4320 пт.	600 ‘	2,500 ‘

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

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

Расстояние чтения	Минимальный удобный размер шрифта	Комментарии
1,2 фута	8 баллов	Типичное расстояние чтения для книг и журналов.На этом расстоянии 10, 11 или 12 точек являются самыми популярными
2,4 фута	16 баллов	Это ближайшее удобное расстояние для чтения большого плаката.
5,0 футов	32 балла	Когда к вашему баннеру трудно получить доступ, например, когда область связана веревками или подвешена на высоком удобном расстоянии, вам нужно сделать размер шрифта еще больше.
25,0 футов	160 баллов	Практически для любой настройки вам нужен заголовок, который можно будет прочитать хотя бы с такого расстояния.

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

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

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

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

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

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

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

Эти широкоформатные материалы также являются хорошим способом публично поделиться лозунгами или любыми другими сообщениями. Это делает вывески и баннеры популярными среди рекламных агентств и подходящими для политических кампаний и любых видов защиты. 216 пт. (3 дюйма в высоту) — хорошая отправная точка для основного текста для вывесок и баннеров, которые должны быть читаемыми на расстоянии примерно от 30 до 100 футов. Вы можете увеличить размер до 432 pt. (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 дюймов.

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

Как увеличить или уменьшить размер шрифта на экране

Что нужно знать

• Самый простой способ увеличить шрифт на экране — использовать сочетание клавиш для zoom ; используйте клавишу Ctrl или Cmd и нажмите + .
• Вы также можете использовать настройки Windows или Mac Zoom из меню Personalize или Preferences .
• Вы также можете увеличить шрифт, используя настройки вашего любимого веб-браузера.

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

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

Сочетание клавиш для Zoom

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

Окна

Если вы используете ПК, удерживайте клавишу Ctrl , одновременно нажимая + (для увеличения) или — (для уменьшения). Кнопки «плюс» и «минус» находятся в правом верхнем углу основного набора клавиш.

MacOS

Функция масштабирования аналогична Mac, за исключением того, что вы будете использовать клавишу Command с + или -. Нажмите и удерживайте ⌘ в нижнем левом углу клавиатуры, а затем используйте любую из кнопок масштабирования для увеличения или уменьшения масштаба на Mac.

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

Параметры масштабирования Windows

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

Эти направления различаются в зависимости от используемой версии Windows:

1. Щелкните рабочий стол правой кнопкой мыши и выберите Параметры дисплея (Windows 10) или Personalize (Windows 8/7).

2. В Windows 10 прокрутите вниз до раздела Масштаб и макет и выберите меню рядом с текстом . Изменить размер текста, приложений и других элементов .

   В Windows 8 и 7 выберите Display слева внизу.

3. В Windows 10 выберите уровень масштабирования.

   В Windows 8 отрегулируйте ползунок, чтобы увеличить или уменьшить текст и другие элементы. Также есть опция Изменить только размер текста внизу этой страницы, которую вы можете изменить, чтобы сделать строки заголовков, меню, значки и другие элементы больше или меньше.

   В Windows 7 выберите другой уровень масштабирования: Меньший , Средний или Больше .

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

Чтобы временно увеличить все на экране, включая изображения, видео, пункты меню, текст и т. Д., Используйте встроенный инструмент «Лупа». Один из простых способов открыть экранную лупу — удерживать кнопку Windows , а затем один раз нажать + , но вы также можете найти ее в меню «Пуск».

Настройки масштабирования Mac

Лучший способ упростить чтение текста на Mac — настроить его в каждом используемом приложении.

Например, чтобы увеличить текст сообщения электронной почты и сделать его более удобным для чтения в Mail, перейдите в Mail > Preferences , выберите Fonts & Colors , выберите Select рядом с Message font , а затем выберите размер шрифта.

В Сообщениях перейдите к Сообщения > Настройки > Общие , а затем переместите ползунок Размер текста вправо.

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

Чтобы увеличить размер элементов в боковых панелях Finder и Mail, перейдите в меню Apple и выберите Системные настройки > Общие , выберите Размер значка боковой панели , а затем выберите Большой .

Настроить шрифт Mac для всей системы

В macOS встроен инструмент масштабирования, о котором вы можете узнать больше в нашем руководстве «Как использовать масштабирование на Mac».

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

1. В главном меню Apple выберите Системные настройки .

2. Выберите Отображение , а затем Отображение .

3. Выберите Scaled , а затем выберите более низкое разрешение.

Настройка шрифта браузера

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

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

Firefox

Используйте кнопку меню в правом верхнем углу, чтобы найти Опции . Оттуда отрегулируйте настройку Zoom из раздела Language and Appearance .При желании можно включить Масштабировать только текст , чтобы изображения не масштабировались.

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

Хром

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

Край

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

Safari

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

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

Спасибо, что сообщили нам об этом!

Расскажите, почему!

Другой Недостаточно подробностей Сложно понять

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

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

Введение

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

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

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

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

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

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

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

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

Arial 10 Point

Arial 12 Point

Arial 20 Point

Arial 26 Point

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

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

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

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

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

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

Challenge!

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

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

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

размер шрифта | CSS-уловки

Свойство font-size определяет размер или высоту шрифта. font-size влияет не только на шрифт, к которому он применяется, но также используется для вычисления значений единиц длины em, rem и ex.

  п {
  размер шрифта: 20 пикселей;
}  

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

Значения длины (например, px, em, rem, ex и т. Д.), Которые применяются к font-size , не могут быть отрицательными.

Абсолютные ключевые слова и значения

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

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

• xx малый
• x малый
• малый
• средний
• большой
• x большой
• xx большой

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

Другие абсолютные значения включают мм, (миллиметры), см, (сантиметры), дюймов, (дюймы), pt, (точки) и шт., (пиковые значения). Один пункт равен 1/72 дюйма, а один пиксель равен 12 пунктам — эти значения обычно используются для печатных документов.

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

  .element {
  размер шрифта: крупнее;
}  

Например, если родительский элемент имеет размер шрифта small , дочерний элемент с определенным относительным размером больше сделает размер шрифта равным medium для дочернего элемента.

Значения в процентах

  .element {
  размер шрифта: 110%;
}  

Значения в процентах, такие как установка размера шрифта 110%, также относятся к размеру шрифта родительского элемента, как показано в демонстрации ниже:

См. Pen qdbELL от CSS-Tricks (@ css-tricks) на CodePen.

Блок em

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

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

  

   
 Это заголовок 
 
  
 Это какой-то текст. 
  

  .container {
  размер шрифта: 16 пикселей;
}

п {
  размер шрифта: 1em;
}

h3 {
  размер шрифта: 2em;
}  

В приведенном выше примере размер шрифта абзаца будет 16 пикселей, потому что 1 x 16 = 16 пикселей, тогда как заголовок будет 32 пикселей, потому что 2 x 16 = 32 пикселей.Увеличение размера шрифта дает множество преимуществ в зависимости от размера шрифта родительского элемента, а именно: мы можем заключать элементы в контейнер и знать, что все дочерние элементы всегда будут относиться друг к другу:

См. Перо. Определение работы модуля em с помощью CSS-Tricks (@ css-tricks) на CodePen.

Рем блок

В случае единиц rem, однако, размер шрифта зависит от значения корневого элемента (или элемента html ).

  html {
  размер шрифта: 16 пикселей;
}

п {
  размер шрифта: 1.5рем;
}  

В приведенном выше примере единица rem равна 16px (поскольку она унаследована от элемента html / root), и, таким образом, размер шрифта для всех элементов абзаца будет равен 24px (1,5 x 16 = 24). В отличие от единиц em, абзац игнорирует стиль всех своих родителей, кроме корня.

Это устройство поддерживается следующими браузерами:

Хром	Safari	Firefox	Opera	IE	Android	iOS
Завод	Работы	Работы	Работы	10+	Работы	Работы

Бывшая установка

 .element {
  размер шрифта: 20ex;
}  

Для единиц ex, 1ex будет равняться вычисленной высоте строчной буквы x корневого элемента. Итак, в приведенном ниже примере элемент html установлен на 20px , а все остальные размеры шрифта определяются высотой x этого конкретного шрифта.

См. Перо. Определение работы бывшего модуля с помощью CSS-Tricks (@ css-tricks) на CodePen.

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

Единицы просмотра

  .element-one {
  размер шрифта: 100vh;
}

.element-two {
  размер шрифта: 100vw;
}  

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

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

Итак, если мы возьмем следующий пример:

  .element {
  размер шрифта: 100vh;
}  

Тогда это будет означать, что размер шрифта элемента всегда должен быть 100% высоты области просмотра (50vh будет 50%, 15vh будет 15% и так далее).В демонстрации ниже попробуйте изменить высоту примера, чтобы увидеть тип stretch:

См. Тип Pen Sizing с единицами vh от CSS-Tricks (@ css-tricks) на CodePen.

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

См. Тип Pen Sizing с единицами vw от CSS-Tricks (@ css-tricks) на CodePen.

Эти устройства поддерживаются следующими браузерами:

Хром	Safari	Firefox	Opera	IE	Android	iOS
31+	7+	31+	27+	9+	4.4+	7.1+

Важно отметить, что есть еще две единицы области просмотра: vmin и vmax . Первый найдет значения vh и vw и установит размер шрифта как наименьшее из двух, в то время как vmax установит размер шрифта на наибольшее из этих двух значений.

Блок ЧА

  .element {
  размер шрифта: 24ch;
}  

Блок ch аналогичен блоку ex в том, что он устанавливает размер шрифта элемента по отношению к ширине символа 0 (нуля) шрифта:

См. Тип Pen Sizing с блоками ch от CSS-Tricks (@ css-tricks) на CodePen.

Это устройство поддерживается:

Хром	Safari	Firefox	Opera	IE	Android	iOS
27+	Работы	10+	Работы	9+	Работы	Работы

Сопутствующие объекты

Другие ресурсы

.