Шрифт или начертание? – DEADSIGN
Поскольку в FontFeed мы сотрудничаем со многими авторами, мы составили список инструкций по общению для нас и для наших сторонних авторов. Одной из забот является то, что мы должны пробовать «говорить на одном языке», используя типографические и близкие к типографике термины. По причине того, что эти термины формировались значительное время и были свидетелями нескольких этапов развития технологий, они интерпретируются по-разному. В результате мы получили терминологию, которая в лучшем случае воспринимается до невозможного заумно, а в худшем сильно сбивает с толку.
Первое, на чём мы условились — это в каких ситуациях использовать шрифт, а в каких начертание. Марк Симонсон однажды красиво подвёл итоги дискуссии на Typophile. Суть такова:
шрифт — это физическое воплощение набора букв, цифр, символов и т.д. (будь то матрица из металлических букв или компьютерный файл). Начертание — это то, что относится к дизайну, рисунку этого набора.
![]()
Ник Шерман привёл интересную аналогию в комментарии к статье 2007 года Our Favorite Typefaces of 2007 (Наши любимые начертания 2007 года) на Typographica:
Своим студентам я преподношу разницу между начертанием и шрифтом так: я сравниваю их с песнями и MP3 соответственно. Или, если вы предпочитаете физические метафоры, песни и CD.
Стивен Коулз соглашается:
Когда вам нравится мелодия, вы не говорите: «Это классный MP3». Вы говорите: «Это отличная песня». MP3 — это способ передачи звуков, не результат творчества. Точно также и в типографике шрифт — способ передачи, а начертание — результат творчества.
Ноябрьское обновление 2008 года — Норберт Флорендо оставил очень краткий поясняющий комментарий:
шрифт — это то, чем вы пользуетесь, начертание — то, что вы видите.
Точное происхождение слова шрифт до конца не ясно. Шрифтовый дизайнер Дэвид Берлоу заявляет: «Есть мнение, что слово родом из Франции, где идея источника воды (fontaine) соседствовала с идеей источника из слов». Джим Риммер дал интерпретацию этой теории: «Слово шрифт (font) произошло от слова fount (источник), которое до сих пор используется в Соединённом Королевстве. Font означает источник, из которого фонтанируют слова».
Однако, другая теория кажется более правдоподобной (только не забывайте, что у меня нет университетского образования в типографике, я всего лишь обычный графический дизайнер). Вот как объясняет происхождение слов Норберт Флорендо в том же обсуждении на Typophile:
Термин шрифт произошёл от слов fount и foundry, которые использовались во времена производства печати из расплавленного металла. Fount был резервуаром или чашей с расплавленным свинцом/оловом/сурьмой, которые применялись для отливки отдельных знаков гарнитуры, и в конце концов для отливки полноценных строк типографского текста.
![]()
Первоначально, когда печать была представлена в металлической и деревянной форме, которая таким образом подходила для определённого размера, шрифт был полным набором знаков только одного кегля. Допустим, Centaur Roman 16 кегля (согласно живой легенде — Мэттью Картеру, лучший и удачнейший размер Centaur). С пришествием киноплёнки и со временем масштабируемых контуров знаков термин шрифт перестал зависеть от кегля.
13.6.2. Начертание шрифта. Самоучитель работы на компьютере
13.6.2. Начертание шрифта. Самоучитель работы на компьютере
ВикиЧтение
Самоучитель работы на компьютере
Колисниченко Денис Николаевич
Содержание
13.6.2. Начертание шрифта
Шрифт может быть курсивным, жирным и подчеркнутым. Начертание используется для выделения текста, на который вы хотите обратить внимание читателя. Например, термины можно выделить жирным или жирным+курсивом.
Для изменения начертания используются кнопки Ж, К и Ч на панели инструментов форматирования. Назначение кнопок понятно: жирный, курсив и подчеркнутый. Как их использовать, думаю тоже ясно: выделяете текст и нажимаете нужную кнопку. Вы можете присвоить сразу несколько атрибутов шрифту, например жирный и курсив, жирный и подчеркнутый или все сразу. Для изменения начертания можно также использовать следующие комбинации клавиш:
Ctrl+B — жирный;
Ctrl+I — курсив;
Ctrl+U — подчеркнутый.
Данный текст является ознакомительным фрагментом.
Семейство шрифта
Семейство шрифта
Свойство font-family указывает браузеру шрифт или список шрифтов, которыми должен отображаться текст. Не надо забывать, что заданный вами шрифт может быть не установлен на машине клиента. Тогда браузер отобразит текст на экране первым шрифтом, который найдет
Стиль шрифта
Стиль шрифта
Стиль шрифта задается свойством font-style, которое может принимать одно из трех значений: normal, oblique или italic. Эти значения имеют следующий смысл.• normal – определяет шрифт, который классифицируется как Normal. При отображении на экране он выглядит как обычный текст.•
Вид шрифта
Вид шрифта
Свойство font-variant может принимать одно из двух значений: normal или small-caps. Если задано значение small-caps, то текст будет выведен шрифтом из малых прописных букв. Если задано значение normal, то текст отображается, как обычно.Лучше всего это понятно на примере. Применим
Ширина шрифта
Ширина шрифта
Свойство font-weight определяет ширину шрифта. Значение может быть задано числом от 100 до 900 (в сотнях), где каждый номер обозначает шрифт, который темнее своего предшественника. В других случаях значение может быть следующим.• normal – текст будет отображен обычным
Размер шрифта
Размер шрифта
Теперь изменим размер шрифта основного текста. Для этого существует свойство font-size. Размер шрифта задается с помощью значения и единицы измерения, выбранной в одной из двух разных групп: абсолютной и относительной.Абсолютные единицы:• in – дюйм, примерно
Свойства шрифта
Свойства шрифта
fontЗадает параметры шрифта элемента страницы.Заменяет атрибуты font-family, font-height, font-size, font-style, font-variant и font-weight. Значения этих атрибутов могут располагаться в любом порядке. font: {font-family} [{font-height}] [{font-size}] [{font-style}] [{font-variant}] [{font-weight}];Значение по умолчанию – normal normal
Изменение шрифта веб-страницы
Изменение шрифта веб-страницы
При желании вы можете поменять размер шрифта веб-страницы на более мелкий или крупный. Для этого нажмите кнопу Страница и в подменю Размер шрифта выберите один из пяти вариантов. Однако имейте в виду, что для некоторых сайтов изменение
4.2. Параметры шрифта
4.2. Параметры шрифта
Наиболее часто форматирование осуществляется при помощи изменения атрибутов шрифта. Самый простой способ привлечь внимание к слову в тексте – выделить его полужирным шрифтом или курсивом. Эти атрибуты называются начертанием шрифта. Кроме них, шрифт
Вид шрифта
Вид шрифта
Для представления текста программ, данных ввода-вывода, имен файлов, программ и переменных мы применяем специальный шрифт, похожий на тот, который вы можете видеть на экране дисплея или на бумаге при выводе на печать. Мы уже использовали его несколько раз, но
1.1.3. Установка цвета и шрифта объектов
1. 1.3. Установка цвета и шрифта объектов
Пункты контекстного меню Font и Color вызывают диалог Arrow Properties или Activity Properties для установки шрифта (в том числе его размера и стиля) и цвета объекта. В нижней части вкладки Font диалогов Arrow Properties и Activity Properties (рис. 1.1.4) находятся группа
2.5. Установка шрифта элементов управления
2.5. Установка шрифта элементов управления
Есть множество способов установки шрифта текста, отображаемого в элементах управления. Можно, например, при создании каждого элемента управления посылать ему сообщение WM_SETFONT, передавая дескриптор (HFONT) созданного ранее объекта
Стили шрифта
Стили шрифта
Стиль шрифта задается перечислимым типом FontStyleType, который содержит следующие константы:
fsNormal – обычный;
fsBold – жирный;
fsItalic – наклонный;
fsBoldItalic – жирный наклонный;
fsUnderline – подчеркнутый;
fsBoldUnderline – жирный подчеркнутый;
fsItalicUnderline – наклонный
13.
6.1. Выбор шрифта
13.6.1. Выбор шрифта
В вашем компьютере установлено много различных шрифтов. Шрифт по умолчанию, который используется в MS Word, — Times New Roman. Он подойдет для сухого делового документа, служебной записки. Чтобы изменить гарнитуру шрифта (далее мы просто будем говорить «изменить
13.6.3. Дополнительные параметры шрифта
13.6.3. Дополнительные параметры шрифта
Панель Форматирование предоставляет доступ далеко не ко всем параметрам шрифта. Для изменения дополнительных параметров выделите текст и выполните команду меню Формат, Шрифт (рис. 139).
Рис. 139. Окно Шрифт.Параметры Шрифт, Начертание и
терминология – Разница между шрифтом, шрифтом, шрифтом в контексте типографики?
спросил
Изменено
8 лет, 9 месяцев назад
Просмотрено
28 тысяч раз
Меня смущает то, как эти термины используются в контексте типографики для веб-приложений? Существует ли общепринятое использование этих терминов и в чем разница, когда речь идет об определении внешнего вида контента на веб-странице?
- терминология
0
Семейство типов — Вы не упомянули об этом, но это важно. Дизайн всех персонажей состоит из семьи и всех окружающих ее лиц. Helvetica — это семейство шрифтов. Helvetica Condensed — семейство шрифтов, Myriad Pro — семейство шрифтов и т. д.
Гарнитура — удельный вес или экземпляр определенного семейства. т.е. Жирный, курсив, наклонный — все это шрифты. Шрифт обычно упоминается как семейство + начертание. Например, Helvetica Bold Italic будет называться шрифтом, где Helvetica
— это семейство, а Bold Italic
— это начертание.
Шрифт — относится к компьютерному программному файлу, который содержит информацию об отображении и выводе шрифта. Вы выбираете шрифт из меню шрифтов. Шрифты существуют только на компьютере. В современном мире многие используют слово «Шрифт» неправильно — «О, мне нравится этот шрифт». неправильно. Должно быть «О, мне нравится этот шрифт». Однако, “Какой шрифт вы выбрали для этого дизайна Photoshop?” будет правильным. Принимая во внимание, что “Какой шрифт используется в этом логотипе?” неверен (должен быть шрифт).
Начертание шрифта – (несколько взаимозаменяемо с начертанием шрифта) начертание семейства шрифтов. Например, Bold
или Italic
— это начертание, а Helvetica
— семейство. Ссылаясь на «шрифт», начертание шрифта конкретно относится к программному обеспечению, используемому для отображения определенного начертания семейства. У вас может быть Helvetica полужирный
в качестве шрифта, но не Гельветика курсив
.
10
Допустимо ли использование этих терминов в контексте типографики для Интернета?
№
Единственными веб-ориентированными терминами будут термины, посвященные стилям CSS, которые включают:
- семейство шрифтов = конкретное или общее имя для компьютерного шрифта (цифровой файл).
Конкретные имена будут примерно такими:
Helvetica
. Общие имена будут примерно такими:моноширинный
. Что касается стиля (курсив и т. д.), веса (жирный и т. д.) и т. д., все они устанавливаются с помощью разных стилей CSS. - @font-face = способ загрузить файл цифрового шрифта, а затем обратиться к указанному файлу шрифта через семейство шрифтов
CSS
- дополнительных вторичных атрибутов = они определяют другие аспекты шрифта за пределами семейства и включают
вес шрифта
(жирный, тонкий, книжный и т. д.),стиль шрифта
(курсив и т. д.),размер шрифта
(12pt, 40 пикселей и т. д.),text-transform
(заглавные буквы и т. д.) и другие.
Что касается упомянутых вами терминов, то все они несколько расплывчаты и не имеют общепринятого конкретного определения.
Вообще говоря:
-
Начертание шрифта = см. выше. На самом деле это не типографский термин, кроме CSS
@font-face
-
шрифт против шрифта = здесь все становится очень расплывчатым. Традиционно шрифт был особым стилем письма. Так, например, Футура. Шрифт был особой нарезкой указанного шрифта. Резкой, то есть в буквальном смысле в том смысле, что она была либо вырезана из дерева, либо из металла (или отлита из металла). Таким образом, Futura будет шрифтом, а Futura Bold 12pt — особым шрифтом.
.
Когда дело дошло до цифрового мира, термины стали менее конкретными. Кто-то может возразить, что гарнитура шрифта относится к «дизайну», а шрифт относится к «коду» в наши дни, но на этот счет нет жесткого правила.
Итог: Типографские термины, как правило, имеют нечеткие определения, и команда W3C, создавшая стили и атрибуты CSS, не обязательно имела опыт работы с типографикой, когда они придумали свои термины и определения.
Поскольку вы спрашиваете конкретно о сети: нет, единого мнения по поводу определения этих терминов нет. Как правило, все эти три термина взаимозаменяемы и взаимозаменяемы, но иногда есть незначительные различия в значении.
Под шрифтом мы можем понимать набор символов, внешний вид которых задается CSS, то есть такие свойства, как font-family
, font-size
, font-style
, font-weight
, цвет
и т. д. Гарнитура — это набор глифов определенного дизайна, его можно задать с помощью свойства font-family
. Начертание шрифта , насколько я могу судить, недавно появился в связи с CSS. Для сравнения, первые два термина несколько старше: шрифт датируется 17 веком, а гарнитура — 19 веком.
В более профессиональных типографских кругах определения кажутся четкими и немного более четкими. Как выразился Марк Симонсон:
У вас есть набор букв, цифр, символов и т. д., которые можно
используются вместе для образования слов, абзацев, таблиц и т. д.Физическое воплощение такой коллекции (будь то случай
куски металла или компьютерный файл) — это шрифт .![]()
Говоря о дизайне коллекции (то, как она выглядит) вы
назовем его шрифтом .Семейство шрифтов или семейство шрифтов относится к родственной коллекции
гарнитуры или шрифты.
См. также всю ветку и соответствующее обсуждение Typophile.
»
In Deprecated, HTML Attributes
Раскрытие информации: Ваша поддержка помогает сайту работать! Мы зарабатываем комиссионные за некоторые услуги, которые мы рекомендуем на этой странице. Узнать больше
- Атрибут
- HTML-тег
- Что делает
- Используется для указания шрифта. Устарело. Вместо этого используйте CSS.
Выбор шрифта с помощью CSS
Элемент
устарел в HTML5. Правильный способ выбора шрифта — использовать свойство CSS font-family
. Это свойство принимает список из одного или нескольких имен шрифтов, и браузер будет использовать первое из них, соответствующее доступному шрифту. (Доступные шрифты — это шрифты, установленные на компьютере пользователя или доступные с помощью объявления
@font-face
.)
.serif { семейство шрифтов: «Adobe Garamond Premier Pro», Garamond, «Linux Libertine», «Times New Roman», Georgia, с засечками; }
Это будет один из следующих шрифтов: <ул>Adobe Garamond Premier Pro Гарамонд Линукс Либертин Таймс Нью Роман Грузия шрифт с засечками по умолчанию, определенный вашим браузером
.serif {семейство шрифтов: «Adobe Garamond Premier Pro», Garamond, «Linux Libertine», «Times New Roman», Georgia, serif;}
Это будет один из следующих шрифтов:
- Adobe Garamond Premier Pro
- Garamond
- Linux Libertine
- Times New Roman
- Georgia
- шрифт с засечками по умолчанию, определенный вашим браузером текст, см.
наш учебник по шрифтам и типографике.
Универсальные шрифты
Помимо списка конкретных шрифтов, вы также можете перечислить общие семейства шрифтов. Концепция универсальных семейств шрифтов требует небольшого пояснения. Поясню аналогией.
Несколько дней назад я был в кофейне. Не разбираясь в ассортименте латте и капучино, я просто попросил «что-нибудь с большим количеством кофеина и сахара». Человек за стойкой наполнил заказ супер-карамельно-шоколадно-кофейной кофеваркой. Семейства общих шрифтов — это как мой заказ в кофейне. Вы точно не знаете, какие шрифты доступны, поэтому просто даете описание того, что хотите, и веб-браузер отображает то, что соответствует описанию.
Существует пять общих семейств шрифтов, но на практике хорошо поддерживаются только три из них: с засечками, без засечек и моноширинный шрифт. Курсив и фэнтези не понимаются большинством веб-браузеров, и на них не следует полагаться.
Засечки — это небольшие акценты, добавленные к символам шрифта, чтобы сделать их более читабельными.