что относится к свойствам шрифта

Основные характеристики шрифтов

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

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

Основные характеристики шрифтов

§ начертание: прямой, курсивный;

§ насыщенность: светлый, полужирный, жирный (отношение толщины штриха к ширине внутрибуквенного просвета);

§ ширина: нормальный, узкий, широкий, шрифт фиксированной ширины;

§ размер (кегль) в пунктах (1 пункт = 1/72 дюйма);

Кегль — параметр шрифта, означающий размер его литер в высоту. Кеглю включает в себя высоту строчной буквы с самым длинным выносным элементом и пробельное расстояние снизу её. Величина кегля определяется числом пунктов. Самые употребительные текстовые шрифты по величине кегля — 6, 7, 8, 10, 11, 12. Шрифты на кегль 4 и 5 употребляются очень редко Литер — буквенное обозначение в адресе какого-либо объекта, позволяющее быстрее его найти

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

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

1. Шрифты с засечками

2. Рубленные шрифты

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

1. Шрифты с засечками имеют небольшие поперечные линии на концах штрихов и имеют переход от толстой линии к тонкой.

В этой категории можно выделить еще несколько групп:

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

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

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

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

3. Рукописные шрифты имитируют текст написанный вручную ручкой, пером, кисточкой и т. п. В этой категории так же можно выделить подкатегории:

o Шрифты с соединительными штрихами

o Шрифты без соединительных штрихов

o Имитирующие ручной почерк

o Напоминающие традиционные каллиграфические стили

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

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

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

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

http://www. *****/webmast/css2/fonts. php

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

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

В оформлении Википедии применён именно пропорциональный шрифт.

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

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

В качестве примера пропорциональных шрифтов можно привести Arial или Times New Roman. Примером моноширинных шрифтов может служить Courier или Courier New.

Чаще встречаются пропорциональные шрифты. Они считаются более приятными для чтения.

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

Первые компьютеры были далеки от проблем полиграфии. Они предназнача­лись в основном для вычислений, и печать результатов была второстепенным делом. Для печати использовались устройства типа телетайпа (практически это электрическая пишущая машинка, управляемая компьютером) или широко рас­пространенные в 60-80 годы аппараты под названием АЦПУ (алфавитно-цифро­вое печатающее устройство). К сожалению, качество печати на АЦПУ было невы­соким. Молоточки ударяли по бумаге неровно и с разной силой; лента, использо­вавшаяся для печати, быстро стиралась, была неравномерно окрашена.

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

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

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

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

Делать повороты без потери качества для символов растрового шрифта можно на 90, 180, 270, 360 градусов. Примеры растровых шрифтов – Courier, MS Sans Serif, MS Serif, Symbol.

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

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

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

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

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

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

В виндоус имеются стандартные наборы символьных шрифтов (обычно), а именно: webdings, wingdings, wingdings 2, wingdings 3. Плюс разные математические. В них можно найти огромное количество значков и иконок на все случаи жизни, виньетки для оформления и т. п.

Источник

High Star

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

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

Листинг 7. Добавляем шрифты

Дикая Правда

на «www.dikarka.ru»

Честно говоря, это не совсем хорошая запись, в CSS можно спокойно сделать и сокращенную запись, например такую:

Дикая Правда

на «www.dikarka.ru»

В обоих случая результат будет одинаков:

Рис. 1.6. Со шрифтами лучше!

Как видим, к свойствам шрифта font можно отнести 5 пунктов:

Вот и рассмотрим подробно каждый этот пунктик.

Font-family

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

К нашему с вами счастью все шрифты решили разделить на пять семейств: семейство с засечками serif, семейство без засечек sans-serif, семейстов шрифтов с буквами одинаковой ширины monospace, семейство рукописных шрифтов cursive и, последнее семейство вычурных шрифтов, которые вообще редко у кого есть fantasy

Семейство serif

Из латинских шрифтов к этому семейству относятся такие шрифты, как Times New Roman, Bodoni, Garamond, Minion Web, ITC Stone Serif, MS Georgia, Bitstream Cyberbit.

Хотя. чего там выделываться и строить из себя слишком умную. Пользуйтесь шрифтами Times New Roman, Bodoni, Garamond и не ломайте себе и другим головы! Поэтому напишем просто:

«ДИКАЯ ПРАВДА» на www.dikarka.ru

И в окне браузера это будет выглядеть так:

А можем написать и так:

«ДИКАЯ ПРАВДА» на www.dikarka.ru

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

Ну, и напишем еще вот так:

«ДИКАЯ ПРАВДА» на www.dikarka.ru

И такая вот запись:

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

И еще. само обозначение семейства ставьте в конец строчки!

Семейство «sans-serif»

«ДИКАЯ ПРАВДА» на www.dikarka.ru

И моя правда стала тоже простой, без всяких изысков. Так сказать Правда и только Правда.

Семейство cursive

Примером этого семейства может служить шрифт Caflish Script, Zapf-Chancery.

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

Семейство monospace

К этому семейству можно отнести шрифт Courier New, Prestige, Everson Mono. К достоинством этого шрифта можно отнести то, что все буковки по ширине одинаковы. Читать такой текст, конечно, не очень удобно. Но если в тексте важна каждая буковка, скажем, как в моих описаниях кодов, тогда этот шрифт как нельзя более кстати.

«ДИКАЯ ПРАВДА» на www.dikarka.ru

Ну, и посмотрим, что же получилось:

Семейство fantasy

К этому семейству можно отнести шрифт Alpha Geometrique, Western.

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

Font-size

Но и это не все! Шрифт можно задавать и в пунктах (pt), и в пикселях (px), и в дюймах (in), и в миллиметрах (mm), сантиметрах (cm), пиках (pc) и просто в процентах (%)!

Но и это не все! С помощью слов smaller или larger можно уменьшить или увеличить отдельные слова по сравнению с основным, родительским текстом.

Font-style

Font-weight

Это свойство определяет толщину шрифта, или правильней, насыщенность начертания. Тут можно и поэкспериментировать. Можно написать просто:

«ДИКАЯ ПРАВДА» на www.dikarka.ru

И у нас получится толстенькая такая надпись:

И результат был бы такой же, разве что код раз в пять короче. И, знаете, я с вами соглашусь. Но не совсем. Потому как кроме bold можно написать и bolder (толще) и lighter (тоньше) и это не предел. Можно указать насыщенность не только словами, но и числами от 100 до 900!. Правда не все числа можно использовать, а только кратные 100. А число 400 равно bold. Так что в вышеприведенном примере я могла запросто написать:

И результат был точно такой же. Поэкспериментируйте, посмотрите, может понравится!

Font-variant

Хоть и маленькие, но прописные.

«ДИКАЯ ПРАВДА» на www.dikarka.ru

Дикие советы

Источник

Компьютерная грамотность с Надеждой

Заполняем пробелы — расширяем горизонты!

3 способа задания параметров шрифта

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

Существуют следующие 3 варианта для выбора свойств шрифта (параметров):

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

1 – Имя шрифта (гарнитура). Это поле позволяет выбрать шрифт из числа тех, которые установлены на Вашем компьютере.

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

3 – Полужирное начертание.
4 – Курсив.

Чтобы оформить текст полужирным курсивным начертанием, надо выделить текст и нажать на кнопки 3 и на 4.

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

5 – Подчеркивание символов.
6 – Цвет символов.

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

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

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

В текстовых редакторах тоже есть диалоговое окно свойств шрифта, которое обычно вызывается командой меню «Формат» — «Шрифт». В редакторе Microsoft Word диалоговое окно свойств шрифта вызывается комбинацией клавиш («горячие клавиши») Ctrl+D.

Для выделенного текста (или символа) в диалоговом окне свойств шрифта следует выбрать:

После этого следует кликнуть по кнопке «ОК».

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

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

Упражнения по компьютерной грамотности:

1) В текстовом редакторе создайте 3 текстовых абзаца.

2) Используйте для каждого абзаца один из трех вариантов для выбора свойств шрифта:

Источник

Шрифты

Сокращение для свойств шрифта: свойство ‘font’

Значение: [ [ || font-variant ‘> || ]? ‘font-size’ > [ / ]? ‘font-family’ > ] | caption | icon | menu | message-box | small-caption | status-bar | inherit

Начальное: см. конкретные свойства

Применяется: ко всем элементам

Процентное: допускается в ‘font-size’ и ‘line-height’

Во втором правиле процентное значение размера шрифта (‘80%’) относится к размеру шрифта родительского элемента. В третьем правиле высота строки в процентах (‘110%’) относится к размеру шрифта самого элемента.

Пятое правило устанавливает ‘ font-variant ‘ (‘small-caps’), ‘font-size’ (120% размера шрифта предка), ‘line-height’ (120% размера шрифта) и ‘font-family’ (‘ fantasy ‘). Из этого следует, что ключевое слово ‘normal’ применяется к двум оставшимся свойствам: ‘font-style’ и ‘font-weight’.

Шестое правило устанавливает ‘font-style’, ‘font-size’ и ‘font-family’, другие свойства шрифта в свои начальные значения. Оно затем устанавливает ‘ font-stretch ‘ в ‘ condensed ‘, поскольку это свойство не может быть установлено в это значение путём использования сокращённого свойства ‘font’.

Следующие значения относятся к системным шрифтам :

Шрифт используется для именования элементов управления (ЭУ) (напр., кнопок, выпадающих боксов и меню и т.п.).

Шрифт используется для лэйблов иконок.

Шрифт используется в меню (напр., выпадающих меню и списках).

Шрифт используется в диалоговых боксах.

Шрифт используется для лэйблов небольших ЭУ.

Шрифт используется для строки состояния окна.

Поскольку сокращение ‘font’ устанавливает в начальное значение любое свойство, не получившее явно своего значения, это действие будет равносильно такому объявлению:

Источник

Шрифты и работа с ними — Основы вёрстки контента

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

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

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

Если у пользователя в системе есть шрифт Georgia, то будет применён он. В противном случае браузер будет искать шрифт Times New Roman. Теперь возможны две ситуации:

А какой шрифт именно выберет браузер? Тут всё зависит от настроек. Может случиться так, что стандартный шрифт будет из другого типа. Это может «сломать» визуальную часть сайта. Все шрифты можно разделить на три большие группы:

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

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

Установка новых шрифтов

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

Пусть наш проект имеет директорию fonts, внутри которой находятся файлы шрифтов.

Хорошим тоном является указание @font-face в самом начале CSS файла, а не перед первым использованием шрифта. Это позволит правильнее структурировать CSS. Есть два основных свойства, которые принимает @font-face :

После указания этих свойств уже можно пользоваться шрифтом. Подключим Roboto-Regular.

Следующий шаг — подключить другие два начертания. Можно воспользоваться примером выше. Тогда наш CSS приобретёт следующий вид:

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

Стиль шрифта

Строчные символы

С помощью CSS можно задать такой вид строчных символов как «Капитель».

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

Текст с использованием капители

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

Межстрочный интервал

Межстрочный интервал, или, как его ещё называют интерлиньяж — это расстояние по вертикали между базовыми линиями одного и другого символа в соседних строках. Так создаётся расстояние между этими строками. Важным элементом при создании дизайна является использование достаточного межстрочного интервала. Чаще всего это 150% от значения размера шрифта. Например, если шрифт имеет размер 16 пикселей, то межстрочный интервал должен быть не менее 24 пикселей. Такое значение не является необходимым правилом и от него всегда можно отступить.

Обобщённое правило

Теперь, для работы со шрифтами, вы знаете все основные правила. Это:

Использование одного правила или нескольких

Остались вопросы? Задайте их в разделе «Обсуждение»

Вам ответят команда поддержки Хекслета или другие студенты.

Источник