Шрифт это в информатике: Что такое шрифт в информатике. Что такое шрифт? Что такое размер шрифта — Независимое театральное объединение "Зрительские симпатии"

Содержание

Шрифт — это… Что такое Шрифт?

шрифт — шрифт, а, мн. ч. ы, ов и ы, ов … Русский орфографический словарь

ШРИФТ — (нем., от schreiben писать). 1) отлитые из типографского металла и служащие для набора рукописей буквы различной величины и поэтому различных названий. 2) в горном деле желоб в земле для стока воды. Словарь иностранных слов, вошедших в состав… … Словарь иностранных слов русского языка

ШРИФТ — ШРИФТ, шрифта, мн. шрифты и (разг.) шрифты, муж. (нем. Schrift письмо). Полный комплект типографских литер определенного рисунка для набора, содержащий алфавит со всеми знаками препинания, цифрами. Шрифты по характеру рисунка букв делятся на… … Толковый словарь Ушакова

шрифт — Набор знаков, имеющий единую базовую конфигурацию (дизайн). Пример 9 пунктовый шрифт «Курьер». Примечание Единый шрифт может иметь разные размеры. [ГОСТ Р ИСО/МЭК 2382 23 2004] шрифт 1. Набор символов, имеющих единый дизайн. Примеры… … Справочник технического переводчика

шрифт — а; мн. шрифты и шрифты; м. [нем. Schrift] 1. Комплект типографских литер (букв, знаков препинания, математических и других знаков), необходимых при наборе какого л. текста. Типографский ш. В пишущей машинке сбит ш. Купить шрифты для типографии.… … Энциклопедический словарь

шрифт — литера; печать, кларендон, перл, фрактура, пальмира, цицеро, диамант, рондо, корпус, паризьен, курсив, асс, боргес, миттель, эльзевир, миньон, медиеваль, эксцельсиор, начертание, нонпарель, петит, бодони, гарт, рисунок, текст, гарнитура, антиква … Словарь синонимов

шрифт — (Type, Lettering) 1. Графически упорядоченное изображение знаков определенной cистемы письма. 2. Комплект литер [буква в металле], воспроизводящий какой либо алфавит [упорядоченный список букв языка], а также цифры [знаки, обозначающие числа, 1 2 … Шрифтовая терминология

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

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

шрифт — ШРИФТ, а, мн шрифты, ов и шрифты, ов, м Система письменных или печатных знаков, отличающихся определенной графической формой: величиной, наклоном, интенсивностью краски и т.д. Он не мог читать мелкий шрифт, он мог читать только большие, жирно… … Толковый словарь русских существительных

5.4. Работа со шрифтами. Основы информатики: Учебник для вузов

5.4. Работа со шрифтами

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

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

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

Рисунок 5.10. Изменение параметров шрифта на Панели Форматирование

Рисунок 5.11. Окно Шрифт

Если необходимого символа нет на клавиатуре, то можно воспользоваться командой Вставка – Символ (рис. 5.12).

Рисунок 5.12. Окно Вставка символа

Упражнение

Создайте новый файл. Запишите и оформите шрифтами следующие фразы:

1. Шрифт «Times New Roman» разного размера:

1) шрифт размером 10

2) шрифт размером 12

3) шрифт размером 14

4) шрифт размером 16

5) шрифт 50

2. Установите шрифт «Times New Roman» разного начертания:

1) этот текст оформлен обычным шрифтом

2) этот текст оформлен полужирным шрифтом

3) этот текст оформлен курсивом

4) этот текст оформлен полужирным курсивом

5) этот текст оформлен обычным шрифтом с подчеркиванием

6) этот текст оформлен полужирным шрифтом с подчеркиванием

7) этот текст оформлен курсивом с подчеркиванием

3. Установить шрифт «Arial» разного размера:

1) шрифт Arial размером 12

2) шрифт Arial размером 14

3) шрифт Arial размером 20

4. Установите шрифт «Courier New» разного размера:

1) шрифт Courier New размером 12

2) шрифт Courier New размером 14

3) шрифт Courier New размером 16

5. Оформите шрифты разными цветами (размер 14 шрифт «Times New Roman»):

1) красный шрифт

2) синий шрифт

3) зеленый шрифт

4) серый шрифт

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

Упражнение

Наберите текст с учетом элементов форматирования.

фраза «Явление двадцать третье» набрана размером на 1 пт меньше размера шрифта основного текста;

для действующих лиц – оформление шрифта разрядкой;

для фраз речи – оформление шрифта полужирным стилем и курсивом;

выравнивание абзацев по образцу;

для задания красной строки выполните команду Формат – Абзац и на вкладке. Отступы и интервалы в раскрывающемся списке Первая срока выберите Отступ, установив ее величину 0,5 см.

Данный текст является ознакомительным фрагментом.

Продолжение на ЛитРес

Что такое кернинг в тексте? Немного про шрифты TrueType и OpenType

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

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

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

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

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

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

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

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

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

Также встречается так называемый контекстуальный кернинг, который заключается в подстройке расстояние между знаками с использованием дополнительных данных – например, не только предыдущего знака, но и последующего. Хотя контекстуальный кернинг поддерживается форматом OpenType, он относительно редко используется на практике и практически не поддерживается современными настольными издательскими системами.

Можно ли ограничиться бесплатным антивирусом? Что такое Интернет вещей?

Свойства шрифта — Інформатика

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

Стиль шрифта

Свойство font-style, в зависимости от выбранного значения, определяет стиль шрифта.

Шрифт может иметь следующие стили:

normal – обычный (по умолчанию)
italic – курсив
oblique – наклонный

Пример:

<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN” “http://www.w3.org/TR/html4/loose.dtd”>
<html>
<head>
<title>Стиль шрифта</title>
</head>
<body>
<p style=”font-style: italic“>это курсив</p>
<p style=”font-style: oblique“>а это наклонный текст</p>
<p style=”font-style: normal“>И чем спрашивается, они отличаются?</p>
</body>
</html>

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

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

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

Значения:

normal – нормальный (по умолчанию)
small-caps – все буквы заглавные и уменьшенные

Пример:

<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN” “http://www.w3.org/TR/html4/loose.dtd”>
<html>
<head>
<title>Все буквы заглавные</title>
</head>
<body>
<p style=”font-variant: small-caps“>Купи слона!!</p>
</body>
</html>

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

Свойство CSS font-size – определяет размер шрифта.

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

значения абсолютного размера шрифта:

xx-small – очень очень маленький
x-small – очень маленький
small – маленький
medium – средний
large – большой
x-large – очень большой
xx-large – очень очень большой

значения относительного размера шрифта:

larger – больше чем размер шрифта родительского элемента
smaller – меньше чем размер шрифта родительского элемента

Пример:

<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN” “http://www.w3.org/TR/html4/loose.dtd”>
<html>
<head>
<title>Размер шрифта</title>
</head>
<body>
<div style=”font-size: 18px; background-color: #ecfef2; border: 5px double #245404″>
<p>Размер шрифта родительского элемента (блока DIV) равен 18 пикселям</p>
<p style=”font-size: larger“>Этот шрифт будет крупнее относительно элемента родителя</p>
<p style=”font-size: smaller“>А этот шрифт будет мельче относительно элемента родителя</p>
</div>
<p style=”font-size: 14px;“>В блоке ниже размер штифта элемента родителя огромен (60 пунктов), однако дочерние параграфы расположенные в нём имеют собственное абсолютное значение шрифта и к размеру шрифта элемента родителя никак не привязаны.</p>
<div style=”font-size: 60pt; background-color: #ecfef2; border: 5px double #245404″>
<p style=”font-size: xx-small“>xx-small – очень очень маленький</p>
<p style=”font-size: x-small“>x-small – очень маленький </p>
<p style=”font-size: small“>small – маленький </p>
<p style=”font-size: medium“>medium – средний</p>
<p style=”font-size: large“>large – большой</p>
<p style=”font-size: x-large“>x-large – очень большой</p>
<p style=”font-size: xx-large“>xx-large – очень очень большой</p>
</div>
</body>
</html>

Жирность шрифта

Свойство font-weight – определяет жирность шрифта. Насыщенность шрифта может быть задана относительно шрифта элемента родителя с помощью следующих значений:

normal – обычный шрифт
bold – полужирный шрифт
bolder – жирный шрифт
lighter – тонкий шрифт

А также выражается в условном числовом значении от 100 до 900 с шагом 100 (100, 200, 300… 900) где значение 100 тонкий шрифт, а 900 – сверх жирный.

Пример:

<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN” “http://www.w3.org/TR/html4/loose.dtd”>
<html>
<head>
<title>Жирность шрифта</title>
</head>
<body>
<div style=”font-size: 18pt”>
<p style=”font-weight: bolder“>жирный шрифт</p>
<p style=”font-weight: lighter“>тонкий шрифт</p>
<p style=”font-weight: 600“>жирность шрифта равна 600</p>
</div>
</body>
</html>

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

Атрибут CSS font-family – указывает одно, два или три имени шрифта из библиотеки шрифтов.

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

Так например запись в стилевом описании P {font-family: Times New Roman, Arial, Verdana;} – будет указывать браузеру пользователя, что данный параграф следует писать с помощью шрифта Times New Roman, а если его по каким то мифическим причинам не окажется в его библиотеке шрифтов то следует использовать шрифт Arial, и уж если и его нет, тогда писать шрифтом Verdana.

Если же браузер не найдёт в библиотеке шрифтов пользователя ни одного шрифта из указанных то он будет использовать тот шрифт который указан в его настройках “по умолчанию”

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

serif – шрифты с засечками
sans-serif – рубленые шрифты
cursive – курсивные шрифты
fantasy – декоративные шрифты
monospace – моношириные шрифты

Например, если в файле CSS написать P {font-family: Times New Roman, sans-serif;} то это будет значить что если вдруг не окажится шрифта с именем Times New Roman, то следует использовать любой (или определённый в настройках браузера) доступный шрифт из семейства sans-serif – рубленых шрифтов.

Пример:

<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN” “http://www.w3.org/TR/html4/loose.dtd”>
<html>
<head>
<title>Семейство шрифта</title>
<style type=”text/css”>
h4 {font-family: Times New Roman, Verdana, sans-serif;}
p {font-family: Monotype Corsiva, Verdana;}
span {font-family: Comic Sans MS;}
</style>
</head>
<body>
<h4>Купи слона</h4>
<p>У нас Вы можете по <span>выгодным ценам</span> приобрести лучших слонов!!</p>
</body>
</html>

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

Вы наверняка обратили внимание на тот факт, что все свойства CSS предназначенные для работы со шрифтом начинаются с английского слова font (собственно шрифт).. font-family, font-size и т.д..

Так вот это неспроста.. дело в том, что все эти свойства являются “дочерними” базового атрибута CSS font в довершении главы о нем собственно и пойдёт речь.

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

font-style
font-variant
font-weight
font-size
font-family

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

Предположим нам необходимо написать стилевое описание шрифта для тега <span> и по нашей задумке шрифт для данного тега должен быть: курсивом, жирным, иметь размер 20 пикселей и использовать шрифт Arial

Все это можно осуществить, написав следующие:

span{ font-style: italic; font-weight: bolder; font-size: 20px; font-family: Arial }

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

Вот так:

span{font: italic bold 20px Arial}

Мы просто перечислили нужные нам параметры “марки” font. Согласитесь, по-моему, так писать гораздо проще, к тому же код становится более компактным и лёгким для чтения как браузером, так и человеком.

Пример:

<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN” “http://www.w3.org/TR/html4/loose.dtd”>
<html>
<head>
<title>Параметры шрифта</title>
<style type=”text/css”>
span{font: italic bold 20px Arial}
</style>
</head>
<body>
<span>Этот текст написан курсивом, он жирный, имеет размер 20 пикселей и использует шрифт Arial</span>
</body>
</html>

Полезные советы:

Используйте базовый атрибут font если необходимо применить к шрифту элемента более одного свойства.
Помните что текст, прежде всего, должен быть удобным для чтения и только потом красивым и стильным, а по сему советую избегать следующих вещей:
Не стоит использовать огромные и малюсенькие шрифты, это напрягает, ищите золотую середину. Так же не стоит злоупотреблять декоративными шрифтами, конечно, все эти закорючки весьма красивы, но читать длинный текст с таким шрифтом невыносимо. Выделяйте жирным только те фразы и выражения, на которых хотели бы произвести акцент, а курсивом “особые места” в тексте, к примеру, цитаты или афоризмы.
По мнению психологов, в длинном тексте должно использоваться не менее двух шрифтов, но и не более четырёх.. Причем выделение текста “особым” шрифтом должно иметь систематический характер.. Например все заголовки одним шрифтом, “основной текст” вторым, и “особый текст” третьим.

10.4.3 ФОРМАТИРОВАНИЕ ТЕКСТА — Основы информатики

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

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

Более сложные эффекты задают в диалоговом окне Шрифт. Оно открывается командой Формат/Шрифт. Окно содержит три вкладки

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

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

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

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

Команда Формат/Абзац открывает диалоговое окно Абзац, с помощью которого можно полностью отформатировать абзац текста. В нем содержится две вкладки: Отступы и интервалы и Положение на странице.

На вкладке Отступы и интервалы можно задать способ выравнивания текста, правую и левую границу абзаца относительно границ страницы, «красную» строку, интервалы между абзацами и между строками данного абзаца.

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

Форматировать абзац можно с помощью линейки форматирования. Перетаскиванием по линейке треугольного маркера слева внизу ( ) задают левую границу абзаца, справа внизу ( ) – правую границу, слева вверху ( ) – «красную» строку.

Если строка текста состоит из нескольких полей, например, в несложной таблице, удобно использовать позиции табуляции . Их устанавливают щелчком мыши на линейке в нужном месте. При нажатии клавиши [Tab] курсор будет перемещаться к следующей позиции табуляции. Маркер табуляции можно перетаскивать в другое место на линейке или удалить, перетащив его за пределы линейки.

Можно отделить абзац или выделенный фрагмент текста от остальной части документа, добавив границы. Для этого сначала устанавливают курсор на абзац, который нужно обвести, или выделяют фрагмент текста. Затем дают команду Формат/Границы и заливка и на вкладке Граница задают желаемые параметры обрамления, а на вкладке Заливка выбирают цвет и узор фона. На вкладке Страница можно задать параметры обрамления страницы целиком (в том числе выбрать один из множества предлагаемых орнаментов).

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

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

Стиль форматирования – это совокупность всех параметров оформления, определяющих формат абзаца.

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

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

Подготовить новый стиль можно также с помощью команды Формат/Стиль. Она открывает диалоговое окно Стиль, в котором нужно щелкнуть на кнопке Создать для создания нового стиля или на кнопке Изменить для изменения существующего.

В новом диалоговом окне Создание стиля (соответственно Изменение стиля) можно задать имя нового стиля и указать, какой из существующих стилей принимается за основу. Чтобы изменить оформление, определяемое данным стилем, надо щелкнуть на кнопке Формат и выбрать в открывшемся меню форматируемый элемент. Если включить флажок Добавить в шаблон, создаваемый (изменяемый) стиль добавляется в стандартный шаблон программы WORD, после чего этот стиль можно использовать и в других документах.

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

Упорядоченную информацию часто удобно представлять в виде списков (инструкции, перечни предметов или объектов и т.д.). Программа WORD поддерживает два вида списков – маркированные, в которых каждый пункт помечается маркером, и нумерованные, где пункты последовательно нумеруются.

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

Если начать ввод нового абзаца с маркера (*, -, >) или числа с точкой, то WORD автоматически преобразует его в элемент маркированного или нумерованного списка. Последующие абзацы также рассматриваются как элементы начавшегося списка и помечаются маркером или нумеруются. Создание списка заканчивают двукратным нажатием на клавишу [Enter].

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

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

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

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

em, px, pt, cm, in…

См. также оглавление со всеми советами.

На этой странице:

em, px, pt, cm, in…

Указывать длину в CSS можно в разных единицах. Некоторые из них пришли из типографской традиции, как пункт (pt) и пика (pc), другие, напр. сантиметр (cm) и дюйм (in), знакомы нам в повседневном обиходе. Есть и «волшебная» единица, придуманная специально для CSS: px. Значит ли это, что для разных свойств нужны разные единицы?

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

Любые единицы измерения можно использовать где угодно. Свойство со значением в пикселях (margin: 5px) также допускает и значения в дюймах или сантиметрах (margin: 1.2in; margin: 0.5cm), и наоборот.

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

	Рекомендуются	Можно иногда	Не рекомендуются
Экран	em, px, %	ex	pt, cm, mm, in, pc
Печать	em, cm, mm, in, pt, pc, %	px, ex

Соотношение между абсолютными единицами таково: 1in = 2.54cm = 25.4mm = 72pt = 6pc

Если у вас есть под рукой линейка, можете проверить точность своего устройства. Вот прямоугольник высотой 1 дюйм (2.54cm): ↑
72pt
↓

Так называемые абсолютные единицы (cm, mm, in, pt и pc) в CSS означают то же самое, что и везде, но только если у устройства вывода достаточно высокое разрешение. На лазерном принтере 1cm должен быть точно равен 1 сантиметру. Но на устройствах низкого разрешения, вроде компьютерных экранов, CSS этого не требует. И вправду, разные устройства и разные реализации CSS норовят отобразить их по-разному. Лучше оставить эти единицы для устройств высокого разрешения, в частности для печати. На компьютерных экранах и мобильных устройствах может получиться не то, что ожидалось.

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

CSS не уточняет, что именно понимается под «высоким разрешением». Но так как у дешевых принтеров сегодня бывает не менее 300 точек на дюйм, а у хороших экранов порядка 200 точек на дюйм, граница, скорее всего, проходит где-то между этими значениями.

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

Единицы em и ex зависят от размера шрифта и могут быть свои для каждого элемента в документе. Единица em — просто размер шрифта. В элементе, которому задан шрифт в 2in, 1em и означает эти 2in. Указание размеров (напр., для отступов) в em означает, что они задаются относительно шрифта, и какой бы ни был шрифт у пользователя — крупный (напр. на большом экране) или мелкий (напр. на мобильном устройстве), эти размеры останутся пропорциональными. Объявления наподобие text-indent: 1.5em и margin: 1em в CSS крайне популярны.

Единица ex используется нечасто. В ней выражаются размеры, которые должны отсчитываться от x-высоты шрифта. X-высота — это, грубо говоря, высота строчных букв вроде a, c, m, или o. У шрифтов с одинаковым размером (и, соответственно, при одинаковом em) может быть огромная разбежка в размерах строчных букв, и если важно, чтобы какая-то картинка, например, соответствовала x-высоте, единица ex к вашим услугам.

Единица px в CSS волшебная. Она не связана с текущим шрифтом, но и с физическими сантиметрами или дюймами обычно тоже не связана. Единица px определена как что-то маленькое, но видимое, т.е. горизонтальную линию толщиной 1px можно было отобразить с четкими краями (без сглаживания). Что считается четким, маленьким и видимым, зависит от устройства и способа пользования им: держите ли вы его прямо перед глазами, как мобильный телефон, на расстоянии вытянутой руки, как монитор, или где-то на промежуточном расстоянии, как электронную книгу? Поэтому px по определению не фиксированная длина, а нечто, зависящее от типа устройства и его обычного использования.

Чтобы понять, почему единица px именно такая, представьте ЭЛТ-монитор из 1990-х: наименьшая точка, которую он мог отобразить, была размером примерно в 1/100 дюйма (0,25 мм) или чуть больше. Свое название единица px получила от тех экранных пикселей.

Нынешние устройства в принципе могут отображать и более мелкие четкие точки (хотя их может быть трудно разглядеть без лупы). Но документы из прошлого века, которые использовали px в CSS, независимо от устройства выглядят по-прежнему. Принтеры, в особенности, могут отображать четко отображать линии гораздо тоньше 1px, но даже на принтерах линия в 1px выглядит почти так же, как выглядела бы на мониторе. Устройства меняются, но единица px всегда выглядит одинаково.

На самом деле CSS требует, чтобы 1px был точно равен 1/96 дюйма при любом выводе на печать. В CSS считается, что принтерам, в отличие от экранов, не нужны разные размеры для px, чтобы отображать четкие линии. Поэтому при печати px не только одинаково выглядит независимо от устройства, но и заведомо измеряется одной и той же величиной (совсем как единицы cm, pt, mm, in и pc, как объяснялось выше).

CSS также определяет, что растровые изображения (напр. фотографии) по умолчанию отображаются в масштабе 1 пиксель изображения на 1px. Фотография разрешением 600 на 400 будет 600px шириной и 400px высотой. Тем самым пиксели фотографии привязываются не к пикселям устройства вывода (которые могут быть очень мелкими), а к единицам px. Это позволяет точно совмещать изображения с другими элементами документа, при условии, что вы используете в своих стилях единицы px, а не pt, cm и т.д.

Используйте

em или px для шрифтов

Единицы pt (пункт) and pc (пика) CSS получил в наследство от печатного дела. Там традиционно применялись эти и подобные единицы, а не сантиметры или дюймы. В CSS незачем использовать pt, пользуйтесь любой единицей на свой выбор. Но есть хорошая причина не использовать ни pt, ни других абсолютных единиц, а использовать только em и px.

Вот несколько линий разной толщины. Некоторые из них могут казаться четкими, но как минимум линии в 1px и 2px должны быть четкими и видимыми:

0.5pt, 1px, 1pt, 1.5px, 2px

Если первые четыре линии выглядят одинаковыми (либо линия в 0.5pt пропала), скорее всего вы видите это на мониторе, не способном отображать точки мельче 1px. Если линии выглядят возрастающими по толщине, скорее всего вы видите эту страницу на качественном экране или на бумаге. А если 1pt выглядит толще, чем 1.5px, то это скорее всего экран мобильного устройства (похоже, последняя фраза описывает ситуацию до правки 2011 года — прим. перев.).

Волшебная единица CSS, px, часто бывает удачным выбором, особенно если нужно выровнять текст с картинками, либо просто потому, что что-либо толщиной 1px (или кратной 1px) заведомо будет выглядеть четко.

Но размеры шрифтов еще лучше задавать в em. Идея в том, чтобы 1) не задавать размер шрифта для элемента BODY (в HTML), а использовать размер шрифта по умолчанию для устройства, поскольку это наиболее удобный для читателя размер; и 2) указывать размеры шрифта других элементов в em: h2 {font-size: 2.5em}, чтобы h2 был в 2½ раза крупнее основного шрифта страницы.

Едиственное место, где можно использовать pt (либо cm или in) для размера шрифтов — стили для печати, если нужно, чтобы напечатанный шрифт был строго определенного размера. Но даже там чаще всего лучше использовать размер шрифта по умолчанию.

Таким образом, единица px избавляет от необходимости знать разрешение устройства. Независимо от разрешения устройства вывода (96 dpi, 100 dpi, 220 dpi или 1800 dpi), длина, указанная в виде целого числа px, всегда выглядит хорошо и везде достаточно похоже. Но что, если мы хотим узнать разрешение устройства, например, чтобы решить, можно ли использовать линию в 0.5px? Выход — проверить разрешение с помощью медиавыражений. Подробности о медиавыражениях — за рамками этой статьи, но вот небольшой пример:

div.mybox { border: 2px solid }
@media (min-resolution: 2dppx) {
  /* Media with 2 or more dots per px */
  div.mybox { border: 1.5px solid }
}

Новые единицы измерения в CSS

Чтобы было еще проще писать стилевые правила, зависящие только от размера шрифта по умолчанию, с 2013 года в CSS есть новая единица: rem. Один rem (от «root em», т.е. «корневой em» или «em корневого элемента») — это размер шрифта корневого элемента в документе. В отличие от em, который может быть для каждого элемента свой, rem для всего документа один и тот же. Например, чтобы задать элементам P и h2 одинаковый внешний отступ слева, вот для сравнения CSS-код до 2013 года:

p { margin-left: 1em }
h2 { font-size: 3em; margin-left: 0.333em }

и новая версия:

p { margin-left: 1rem }
h2 { font-size: 3em; margin-left: 1rem }

Благодаря другим новым единицам стало можно указывать размеры относительно окна пользователя. Это vw и vh. Единица vw — 1/100 ширины окна, а vh — 1/100 его высоты. Еще есть vmin, соответствующая меньшему из vw и vh. И vmax (можете догадаться, что она делает).

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

Тест по информатике «Текстовый редактор»

Тест Текстовый редактор

1. Абзац – это:

1) фрагмент текста, заканчивающийся нажатием на клавишу Enter

2) текст, начинающийся с отступа

3) текст, начинающийся несколькими пробелами

4) одна строка текста

2. Для сохранения нового документа нужно выбрать команду:

1) Файл – Сохранить…

2) Файл – Сохранить как…

3) можно выбрать любую из команд Файл – Сохранить или Файл – Сохранить как…

3. Чтобы сохранить документ под другим именем или в другом месте, нужно выбрать команду:

1) Файл – Сохранить…

2) Файл – Сохранить как…

3) можно выбрать любую из команд Файл – Сохранить или Файл – Сохранить как…

4. К операциям форматирования абзаца относятся:

1) выравнивание, межстрочный интервал, задание отступа

2) начертание, размер, цвет, тип шрифта

3) удаление символов

4) копирование фрагментов текста

5. К операциям форматирования символов относятся:

1) выравнивание, межстрочный интервал, задание отступа

2) начертание, размер, цвет, тип шрифта

3) удаление символов

4) копирование фрагментов текста

6. Какие команды заносят фрагмент текста в буфер?

1) вырезать, копировать

2) вырезать

3) копировать

4) вставить

5) удалить

7. Шрифт без засечек называется:

1) рубленый

2) пропорциональный

3) моноширинный

4) растровый

5) векторный

8. Разные символы шрифта имеют разную ширину – это шрифт:

1) рубленый

2) пропорциональный

3) моноширинный

4) растровый

5) векторный

9. Все символы шрифта имеют одинаковую ширину – это шрифт:

1) рубленый

2) пропорциональный

3) моноширинный

4) растровый

5) векторный

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

1) рубленый

2) пропорциональный

3) моноширинный

4) растровый

5) векторный

11. В каком шрифте используется способ задания конфигурации символов с помощью векторов?

1) в рубленом

2) в пропорциональном

3) в моноширинном

4) в растровом

5) в векторном

12. Для форматирования абзаца нужно выбрать команду:

1) Формат – Абзац…

2) Формат – Шрифт …

3) Вставка – Символ…

4) Вид – Разметка страницы

5) Файл – Параметры страницы…

13. Для форматирования шрифта нужно выбрать команду:

1) Формат – Абзац…

2) Формат – Шрифт …

3) Вставка – Символ…

4) Вид – Разметка страницы

5) Файл – Параметры страницы…

14. Информация, выраженная с помощью естественных и формальных языков в письменной форме, называется:

А) гиперссылка;

Б) текстовая информация;

В) знак.

15. Информация в памяти компьютера представлена в:

А) десятичной системе счисления;

Б) шестнадцатеричной системе счисления;

В) двоичной системе счисления.

16. В кодировке Unicode 1 символ «весит»:

А) 5 байт;

Б) 2 байта;

В) 8 бит.

17. Текстовые редакторы позволяют:

А) создавать, редактировать, форматировать, сохранять и распечатывать документы;

Б) хранить звуковую информацию;

В) создавать презентации.

18. К параметрам страницы относятся:

А) списки;

Б) поля, формат листа;

В) выравнивание абзацев.

19. Какой вид списка вы используете для написания инструкции:

А) нумерованный;

Б) маркированный;

В) многоуровневый.

20. Единицей измерения размера шрифта является:

А) миллиметр;

Б) сантиметр;

В) пункт.

21. В кодировке Windows 1 символ «весит»:

А) 1 байт;

Б) 3 байта;

В) 1 бит.

22. В маркированном списке для обозначения элемента списка используются:

А) латинские буквы;

Б) римские цифры;

В) графические значки.

23. Редактирование документа – это:

А) копирование, перемещение или удаление фрагментов документа;

Б) изменение цвета шрифта;

В) изменение начертания шрифта.

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

А) рисунок;

Б) таблица;

В) график.

Ключ

№ вопроса	1	2	3	4	5	6	7	8	9	10
Правильный	1	3	2	1	2	1	1	2	3	4

№ вопроса	11	12	13	14	15	16	17	18	19	20	21	22	23	24
Правильный	5	1	2	б	в	б	а	б	а	в	в	в	а	б

шрифтов для компьютерных наук | FontSpace

Загрузить

Темный режим
Помощь Войти

Присоединиться бесплатно

Шрифты
Стили
Коллекции
Генератор шрифтов
(͡ ° ͜ʖ ͡ °)
Дизайнеры
Разные

Связанные стили

Fancy
Modern
70s
80s
Дизайн
Плакат
Comic
9000 Типография 9000
Робот
Техно
Художественная литература
Графика
Научная фантастика
Технологии
Разное
Фильмы
Музыка
Объявления
Реклама
Игра
Журнал
Мобильный
ПК
50S
60S
Cyrillic
структурированный
Micr
Русский
Объявление
Чужой
Аниме
Apple
Мстители
Автомобиль

Коммерческий Сортировать по

Популярные
В тренде
Новейший
Имя

100% бесплатно

242.Скачано 3k