ИНФОРМАЦИЯ,    ДИЗАЙН,    ПЕРЕВОДЫ,    РЕКЛАМА   .   .   .
w a p - с а й т
Информационный портал
Сегодня:  
admin@aranea.ru
+79068922256

  aranea.ru || Спецификация CSS2 | 15.2. Спецификации шрифтов.

15.2. Спецификации шрифтов.

15.2.1. Свойства спецификаций шрифтов.
15.2.2. Семейства шрифтов: свойство 'font-family'.
15.2.3. Оформление шрифтов: свойства 'font-style', 'font-variant', 'font-weight' и 'font-stretch' .
15.2.4. Размер шрифта: свойства 'font-size' и 'font-size-adjust'.
15.2.5. Сокращенное свойство шрифтов: свойство 'font'.
15.2.6. Групповые семейства шрифтов.
    serif
    sans-serif
    cursive
    fantasy
    monospace

Первая фаза шрифтового механизма CSS касается вопроса, как авторы стилевых таблиц определяют, какие шрифты следует использовать устройством вывода. Вначале, кажется, что очевидный способ определения шрифта состоит в указании его имени; например, "BT Swiss 721 Heavy Italic".

К сожалению, не существует универсальной и хорошо разработанной систематики для классификации шрифтов, основанной на их именах, а термины, которые применяются к одному имени семейства шрифтов, могут не соответствовать другим. Например, термин 'italic' обычно используется к наклонному тексту, но такой текст может быть отмечен, как Oblique, Slanted, Incline, Cursive или Kursiv. Похожим образом, имена шрифтов обычно содержат термины, которые описывают "weight" ("жирность") шрифта. Первоначальная роль этих названий состояла в разделении гарнитуры шрифта с различной степенью жирности внутри одного семейства шрифтов. Нет принятого универсального значения для таких названий жирности, и его использование широко варьирует. Например, шрифт, который вы можете подумать, является жирным, может быть описан, как Regular, Roman, Book, Medium, Semi- или Demi-Bold или Black, в зависимости от того, насколько черна "нормальная" гарнитура шрифта в пределах дизайна.

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

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

15.2.1. Свойства спецификаций шрифтов.

CSS2 определяют шрифты в соответствии с нижеследующими характеристиками:

Font family – Семейство шрифта
Семейство шрифта определяет, какой шрифт будет визуализировать текст. Семейство шрифта – это группа шрифтов, разработанных для использования в комбинации друг с другом и обладающих похожими чертами в дизайне. Член семейства может быть курсивным, жирным, сжатым или с маленькими строчными буквами. Имена семейств шрифтов включают: "Helvetica", "New Century Schoolbook" и "Kyokasho ICA L". Имена семейств шрифтов не ограничены латинскими символами. Семейства шрифтов могут группироваться в различные категории: шрифты с или без серифов, шрифты пропорциональные или нет, напоминающие рукописные, фантазийные и т.д.
Font style – Стиль шрифта
Стиль шрифта определяет, как визуализируется шрифт: нормальный, курсив или косой. Italic (курсив) - наиболее частый курсивный компаньон для нормальной гарнитуры, но не изображающий рукописную гарнитуру. Oblique (косой) – шрифт со скошенной формой нормальной гарнитуры, термин, обычно, используется, как компаньон для шрифта без серифов. Это определение не употребляют для слегка скошенной нормальной гарнитуры, или для нормального греческого шрифта, указанного как italic.
Font variant – Вариация шрифта
Вариация шрифта указывает на то, визуализируется ли текст с использованием нормальных глифов для строчных символов или с использованием маленьких прописных глифов для строчных символов. Частный шрифт может содержать только нормальные, только маленькие прописные или оба типа глифов; это свойство используется для запроса соответствующего шрифта, и если шрифт содержит оба варианта, то термин обращается к имеющимся глифам.
Font weight – Жирность шрифта
Жирность шрифта обращается к толщине глифов, используемых для визуализации текста, относительно других шрифтов в том же самом семействе.
Font stretch – Плотность шрифта
Плотность шрифта указывает на желаемую степень сжатости или расширения в глифах, используемых для визуализации текста, относительно других шрифтов в одном и том же семействе.
Font size – Размер шрифта
Этот термин обращается к размеру шрифта от одной базовой линии к другой базовой линии, когда установлено значение solid (в терминах CSS, когда свойства 'font-size' и 'line-height' имеют одинаковое значение).

У всех свойств, за исключением 'font-size', 'em' и 'ex', значения размеров ссылаются на размер шрифта текущего элемента. Для 'font-size' эти единицы длин обращаются к размеру шрифта родительского элемента. Обратитесь к разделу о единицах длины для получения подробной информации.

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

15.2.2. Семейства шрифтов: свойство 'font-family'.

'font-family'
Тип значения: [[ <family-name> | <generic-family> ],]* [<family-name> | <generic-family>] | inherit
Начальная величина: зависит от устройства вывода
Применяется: ко всем элементам
Наследование: да
Процентная база: нет
Медиа: визуальные

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

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

BODY { font-family: Baskerville, "Heisi Mincho W3", Symbol, serif }

Глифы, доступные в шрифте "Baskerville" (шрифт, который включает только латинские символы), будут взяты из этого шрифта, японские глифы будут извлечены из "Heisi Mincho W3", а математические символы - из "Symbol". Любые другие символы будут связаны с общим семейством шрифтов 'serif'.

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

Существует два типа имен для семейств шрифтов:

<family-name>
Имя выбранного семейства шрифта. В предыдущем примере "Baskerville", "Heisi Mincho W3" и "Symbol" – это семейства шрифтов. Имена семейств шрифтов, содержащих пробелы, следует заключать в кавычки. Если кавычки опущены, то любые пробельные символы перед и после имени шрифта игнорируются, и любая последовательность пробельных символов внутри имени шрифта конвертируется в единичный пробел.
<generic-family>
Общие семейства определяются, как: 'serif', 'sans-serif', 'cursive', 'fantasy' и 'monospace'. Обратитесь к разделу по общим семействам шрифтов с их описанием. Имена общих семейств шрифтов являются ключевыми словами, поэтому, они должны заключаться в кавычки.

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

Например:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
<HTML>
  <HEAD>
    <TITLE>Font test</TITLE>
    <STYLE type="text/css">
      BODY { font-family: "new century schoolbook", serif }
    </STYLE>
  </HEAD>
  <BODY>
   <H1 style="font-family: 'My own font', fantasy">Test</H1>
    <P>What's up, Doc?
  </BODY>
</HTML>

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

*:lang(ja-jp) { font: 900 14pt/16pt "Heisei Mincho W9", serif }
*:lang(zh-tw) { font: 800 14pt/16.5pt "Li Sung", serif }

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

15.2.3. Оформление шрифтов: свойства 'font-style', 'font-variant', 'font-weight' и 'font-stretch' .

'font-style'
Тип значения:       normal | italic | oblique | inherit
Начальная величина: normal
Применяется:        ко всем элементам
Наследование:       да
Процентная база:    нет
Медиа:              визуальные

Свойство 'font-style' требует нормальную (normal) (иногда называемую, как "roman" или "upright"), курсивную (italic) и скошенную (oblique) гарнитуру внутри семейства шрифта. Значения свойства:

normal
Определяет шрифт, классифицированный как нормальный ('normal') в базе данных устройства вывода.
oblique
Определяет шрифт, классифицированный, как скошенный ('oblique') в базе данных устройства вывода. Шрифты с названиями Oblique, Slanted или Incline в именах, обычно, помечаются, как 'oblique' в базе данных шрифта. Шрифт, который помечен как 'oblique' в базе данных устройства вывода может фактически быть сгенерирован наклоном нормального шрифта.
italic
Определяет шрифт, который классифицируется как 'italic' в базе данных устройства вывода, или если не доступен, то помечается как 'oblique'. Шрифты с названиями Italic, Cursive или Kursiv в именах обычно помечаются как 'italic'.

В следующем примере нормальный текст в элементах Н1, Н2 и Н3 будет выводиться курсивом. Но, выделенный текст (элемент ЕМ) внутри Н1 визуализируется нормальным шрифтом.

H1, H2, H3 { font-style: italic }
H1 EM { font-style: normal }

'font-variant'
Тип значения:       normal | small-caps | inherit
Начальная величина: normal
Применяется:        ко всем элементам
Наследование:       да
Процентная база:    нет
Медиа:              визуальные

В шрифте с маленькими прописными буквам глифы для строчных букв выглядят похожими на прописные, но меньше по размеру и отличаются немного пропорциями. Свойство 'font-variant' запрашивает такой шрифт для двукамерального (bicameral) документа (имеющего два регистра, как в латинском документе). Это свойство не имеет видимого эффекта для документов, которые являются однокамеральными (unicameral) (с одним регистром, как в большинстве мировых систем записи). Значения свойства следующие:

normal
Определяет шрифт, который не помечен, как шрифт с маленькими прописными буквами.
small-caps
Определяет шрифт, который помечен, как шрифт с маленькими прописными буквами. Если реальный шрифт с маленькими прописными буквами не доступен, то устройствам вывода следует симулировать такой шрифт, например, беря нормальный шрифт и заменяя строчные буквы масштабируемыми прописными символами. Как последнее спасательное средство, не масштабируемые глифы прописных букв в нормальном шрифте могут заменяться глифами шрифта с маленькими прописными буквами, так что весь текст выводится с прописными буквами.

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

H3 { font-variant: small-caps }
EM { font-style: oblique }

Поскольку это свойство трансформирует текст в символы верхнего регистра, то это применяется и для 'text-transform'.

'font-weight'
Тип значения:       normal | bold | bolder | lighter | 100 | 200 | 
                    300 | 400 | 500 | 600 | 700 | 800 | 900 | inherit
Начальная величина: normal
Применяется:        ко всем элементам
Наследование:       да
Процентная база:    нет
Медиа:              визуальные

Свойство 'font-weight' определяет жирность шрифта. Значения свойства следующие:

от 100 до 900
Эти значения формируют упорядоченную последовательность, где каждый номер указывает на жирность, которая темнее предыдущего значения.
normal
Соответствует '400'.
bold
Соответствует '700'.
bolder
Определяет следующую (выше) степень жирности, которая присваивается шрифту, значение которого темнее, чем унаследованное. Если нет такой жирности, то шрифт остается неизмененным, т.е. когда унаследованное значение равно '900', то в этом случае результирующая жирность остается '900'.
lighter
Определяет следующую (меньше) жирность, которая присваивается шрифту, значение которого светлее, чем унаследованное. Если такой жирности нет, то шрифт остается неизмененным, т.е. когда унаследованное значение равно '100', то в этом случае результирующая жирность остается '100'.
P { font-weight: normal }   /* 400 */
H1 { font-weight: 700 }     /* bold */
BODY { font-weight: 400 }
STRONG { font-weight: bolder } /* 500 if available */

Дочерние элементы наследуют рассчитанное значение жирности.

'font-stretch'
Тип значения:       normal | wider | narrower | ultra-condensed | extra-condensed | 
                    condensed | semi-condensed | semi-expanded | expanded | 
                    extra-expanded | ultra-expanded | inherit
Начальная величина: normal
Применяется:        ко всем элементам
Наследование:       да
Процентная база:    нет
Медиа:              визуальные

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

  1. ultra-condensed (ультра сжатый)
  2. extra-condensed (экстросжатый)
  3. condensed (сжатый)
  4. semi-condensed (полусжатый)
  5. normal (нормальный)
  6. semi-expanded (полурасширенный)
  7. expanded (расширенный)
  8. extra-expanded (экстрорасширенный)
  9. ultra-expanded (ультра расширенный)

Относительное ключевое слово 'wider' (шире) устанавливает значение, которое шире наследуемого значения (когда оно не превышает 'ultra-expanded'); относительное ключевое слово 'narrower' устанавливает значение для значения, которое уже наследуемого значения (когда оно не уже 'ultra-condensed').

15.2.4. Размер шрифта: свойства 'font-size' и 'font-size-adjust'.

'font-size'
Тип значения:       <absolute-size> | <relative-size> | <length> |
                    <percentage> | inherit
Начальная величина: medium
Применяется:        ко всем элементам
Наследование:       да, рассчитанное значение наследуется
Процентная база:    ссылается на размер шрифта родительского элемента
Медиа:              визуальные

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

<absolute-size>
Ключевое слово <absolute-size> ссылается на содержание таблицы размеров шрифтов, подсчитанных и хранящихся в устройстве вывода. Возможные значения:
[ xx-small | x-small | small | medium | large | x-large | xx-large ]
На компьютерном экране предлагается масштабируемый фактор 1.2 между соседними индексами; т.е. если шрифт 'medium' - 12pt, то шрифт 'large' может быть 14.4pt. Различные медиа устройства могут нуждаться в различных масштабируемых факторах. Кроме этого, устройству вывода следует брать в расчет качество и доступность шрифта, когда рассчитывается таблица. Таблица имеет различные значения для разных семейств шрифтов.
Обратите внимание. В CSS1 предложенный масштабируемый фактор между соседними индексами был 1.5, который на основании опыта пользователей оказался слишком большим.
<relative-size>
Ключевое слово <relative-size> интерпретируется относительно таблицы размеров шрифта и размера шрифта родительского элемента. Возможные значения:
[ larger | smaller ]
Например, если родительский элемент имеет размер шрифта 'medium', то значение 'larger' будет делать размер шрифта текущего элемента 'large' (большой). Если размер родительского элемента далек от содержания таблицы, то устройство вывода свободно в интерполяции табличных значений, или оно округляет значение до ближайшего. Устройство вывода может экстраполировать табличные значения, если числовые значение выходят за рамки ключевых слов.
<length>
Значение длины определяет абсолютный размер шрифта (который независим от таблицы шрифтов устройства вывода). Отрицательные значения недопустимы.
<percentage>
Процентные значения определяют абсолютный размер шрифта относительно размера шрифта родительского элемента. Использование процентных значений или значений в единицах 'em' приводит к более надежным каскадным стилевым таблицам.

Фактическое значение этого свойства может отличаться от рассчитанного значения из-за числового значения в 'font-size-adjust' и из-за доступности определенных размеров шрифта.

Дочерние элементы наследуют рассчитанное значение 'font-size' (иначе, эффект 'font-size-adjust' был бы запутанным).

P { font-size: 12pt; }
BLOCKQUOTE { font-size: larger }
EM { font-size: 150% }
EM { font-size: 1.5em }

'font-size-adjust'
Тип значения:       <number> | none | inherit
Начальная величина: none
Применяется:        ко всем элементам
Наследование:       да
Процентная база:    нет
Медиа:              визуальные

В двухкамеральных написаниях символов, субъективный размер и разборчивость шрифта зависят от его значения 'font-size' меньше, чем от его значения 'x-height', или, что еще более полезно, от соотношения этих двух значений, называемых перспективным значением (размер шрифта делится на x-height). Чем выше это значение, том более вероятно, что шрифт меньшего размера будет разборчивым. Таким образом, гарнитура с низкой перспективой будет становиться неразборчивой быстрее ниже данного порогового размера, чем гарнитура с более высоким перспективным значением. Прямая замена шрифта, которая полагается только на размер шрифта, может привести к неразборчивым символам.

Например, популярный шрифт Verdana имеет перспективное значение 0.58; когда размер шрифта Verdana 100 единиц, то его x-height – 58 единиц. Для сравнения шрифт Times New Roman имеют перспективное значение 0.46. Поэтому, шрифт Verdana будет иметь тенденцию оставаться разборчивым при меньших размерах, чем Times New Roman. И наоборот, Verdana будет часто выглядеть "слишком большим" ('too big'), если его заменяют на Times New Roman выбранного размера.

Это свойство позволяет авторам определить перспективное значение для элемента, который будет сохранять x-height первого выбранного шрифта в заменяемом шрифте. Значения этого свойства:

none
Не сохраняет значение x-height шрифта.
<number>
Определяет перспективное значение. Число обращается к перспективному значению первого выбранного шрифта. Масштабируемый фактор для доступных шрифтов рассчитывается в соответствии с формулой:

y(a/a') = c

где:

y = 'font-size' шрифт первого выбора
a' = фактическое значение доступного шрифта
c = 'font-size' для применения к доступному шрифту

Например, если Verdana 14px (с перспективным значением 0.58) был бы недоступен, то имеющийся шрифт был бы с перспективным значением 0.46, размер замены будет 14 * (0.58/0.46) = 17.65px.

Регулировка размеров шрифта имеет место тогда, когда рассчитывают фактическое значение 'font-size'. Поскольку наследование базируется на рассчитанном значении, то дочерние элементы будут наследовать не отрегулированные значения.

Первая иллюстрация внизу показывает несколько гарнитур шрифтов, преобразованных в растровый формат с обычным размером шрифта (11pt. в 72 ppi), с их перспективными значениями. Обратите внимание на то, что гарнитура с высокими перспективными значениями визуализируются больше, чем с низкими. Гарнитуры с очень низкими перспективными значениями неразборчивы при данном размере.

Следующая иллюстрация показывает результаты 'font-size-adjust', где Verdana был взят, как "первый выбор" ("first choice") вместе с применяемым масштабируемым фактором. После регулировки очевидные размеры – близки к линейным для гарнитур, хотя фактические (em) размеры варьируют более чем на 100%. Обратите внимание на то, что 'font-size-adust' имеет тенденцию к стабилизации горизонтальных размеров линий.

15.2.5. Сокращенное свойство шрифтов: свойство 'font'.

'font'
Тип значения:       [ [ <'font-style'> || <'font-variant'> || <'font-weight'> ]? 
                    <'font-size'> [ / <'line-height'> ]? <'font-family'> ] | 
                    caption | icon | menu | message-box | small-caption | status-bar | 
                    inherit
Начальная величина: смотрите индивидуальные свойства
Применяется:        ко всем элементам
Наследование:       да
Процентная база:    разрешено для 'font-size' и 'line-height'.
Медиа:              визуальные

Свойство 'font' является сокращенным свойством для установки 'font-style', 'font-variant', 'font-weight', 'font-size', 'line-height' и 'font-family' в одном и том же месте стилевой таблице. Синтаксис этого свойства основан на традиционной типографической сокращенной записи для определения множественных свойств, связанных со шрифтами.

Все свойства (указанные в списке предыдущего параграфа плюс 'font-stretch' и 'font-size-adjust') шрифтов устанавливаются на свои начальные значения. Затем, эти свойства принимают значения, которые определяются в сокращенном свойстве 'font'. Для определения разрешенных и начальных значений, смотрите свойства, описанные ранее. С точки зрения обратной совместимости, не возможно установить значения 'font-stretch' и 'font-size-adjust' на другие, отличные от их начальных, используя сокращенное свойство 'font'; вместо этого устанавливаются индивидуальные свойства.

P { font: 12pt/14pt sans-serif }
P { font: 80% sans-serif }
P { font: x-large/110% "new century schoolbook", serif }
P { font: bold italic large Palatino, serif }
P { font: normal small-caps 120%/120% fantasy }
P { font: oblique 12pt "Helvetica Nue", serif; font-stretch: condensed }

Во втором правиле процентное значение ('80%') размера ссылается на размер шрифта родительского элемента. В третьем правиле, процент высоты строки ('100%') ссылается на размер шрифта самого элемента.

Первые три правила не определяют точно 'font-variant' и 'font-weight', поэтому эти свойства получают свои начальные значения ('normal'). Обратите внимание на то, что имя семейства шрифтов "new century schoolbook", которое содержит пробелы, заключено в кавычки. Четвертое правило устанавливает значение 'font-weight' как 'bold', 'font-style' как 'italic', а 'font-variant' неявным образом - как 'normal'.

Пятое правило устанавливает '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'.

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

caption
Шрифт используется для управления заголовками (например, кнопки, "выпадающие" элементы и т.д.).
icon
Шрифт используется для пиктограмм меток.
menu
Шрифт используется в меню (например, "выпадающее" меню и список меню)
message-box
Шрифт используется в диалоговых окнах.
small-caption
Шрифт используется для пометки маленьких средств управления.
status-bar
Шрифт используется в статусной строке окна.

Системные шрифты могут устанавливаться как целое; т.е., одновременно устанавливается все: семейство шрифта, размер, жирность, стиль и т.д. Эти значения могут затем меняться индивидуально, если необходимо. Если нет шрифта с указанными характеристиками на данной платформе, то устройство вывода должно либо осуществить интеллектуальную замену (например, маленькая версия шрифта 'caption' могла бы быть использована для шрифта 'smallcaption'), либо - замену на шрифт устройства вывода по умолчанию. Что касается нормальных шрифтов, то если для системного шрифта любое индивидуальное свойство не является частью доступных предпочтений пользователя операционной системы, то такие свойства должны быть установлены с их начальными значениями.

Данное свойство является "почти" сокращенным, поскольку системные шрифты могут определяться только этим свойством, а не 'font-family', и поэтому 'font' позволяет авторам устанавливать больше, чем просто сумму подсвойств. Но, индивидуальные свойства, такие как 'font-weight', все еще даются со значениями, взятыми из системного шрифта, которые могут варьировать независимо.

BUTTON { font: 300 italic 1.3em/1.7em "FB Armada", sans-serif }
BUTTON P { font: menu }
BUTTON P EM { font-weight: bolder }

Если шрифт, используемый для "выпадающего" меню в частной системе, существует (например, 9-point Charcoal с жирностью 600), то элементы P, которые являются потомками BUTTON, будут выводиться так, как если бы это правило работало.

BUTTON P { font: 600 9pt Charcoal }

Так как сокращенное свойство 'font' переустанавливает на начальное значение любое свойство, не определенное явно, то правило имеет такой же эффект, как следующая декларация:

BUTTON P {
  font-style: normal;
  font-variant: normal;
  font-weight: 600;
  font-size: 9pt;
  line-height: normal;
  font-family: Charcoal
} 

15.2.6. Групповые семейства шрифтов.

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

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

Устройства вывода позволяют пользователям выбирать альтернативы для общих шрифтов.

serif

Глифы шрифтов с серифами (как этот термин используется в CSS) имеют штришки выступающие или торчащие на кончиках штрихов, или имеют засечки. Шрифты с серифами обычно пропорциональные. Они часто имеют много вариаций между тонкими и толстыми штрихами, в отличие от шрифтов общих семейств 'sans-serif' (т.е. без серифов). CSS используют термин 'serif' для шрифта любого текста, хотя есть другие имена, известные для частных документов, такие как Mincho (японский), Sung или Song (китайский), Totum или Kodig (корейский). Любой шрифт, который описан таким образом, может использоваться для представления общего семейства 'serif'.

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

Латинские шрифты Times New Roman, Bodoni, Garamond, Minion Web, ITC Stone Serif, MS Georgia, Bitstream Cyberbit
Греческие шрифты Bitstream Cyberbit
Кириллические шрифты Adobe Minion Cyrillic, Excelcior Cyrillic Upright, Monotype Albion 70, Bitstream Cyberbit, ER Bukinst
Еврейские ширфты New Peninim, Raanana, Bitstream Cyberbit
Японские шрифты Ryumin Light-KL, Kyokasho ICA, Futo Min A101
Арабские шрифты Bitstream Cyberbit
Шрифты чероки Lo Cicero Cherokee

sans-serif

Глифы шрифтов без серифов (sans-serif) (как этот термин используется в CSS) имеют концы штрихов простые без засечек, без поперечных черт или другого орнамента. Шрифты без серифов обычно пропорциональные. Они часто имеют маленькую вариацию между толстыми и тонкими штрихами по сравнению с семейством 'serif'. CSS используют термин 'sans-serif' для шрифта любого текста, хотя существуют другие имена, известные для частных документов, такие как Gothic (японский), Kai (китайский) или Pathang (корейский). Любой шрифт, который описывается таким образом, может использоваться для представления общего семейства 'sans-serif'.

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

Латинские шрифты MS Trebuchet, ITC Avant Garde Gothic, MS Arial, MS Verdana, Univers, Futura, ITC Stone Sans, Gill Sans, Akzidenz Grotesk, Helvetica
Греческие шрифты Attika, Typiko New Era, MS Tahoma, Monotype Gill Sans 571, Helvetica Greek
Кириллические шрифты Helvetica Cyrillic, ER Univers, Lucida Sans Unicode, Bastion
Еврейские шрифты Arial Hebrew, MS Tahoma
Японские шрифты Shin Go, Heisei Kaku Gothic W5
Арабские шрифты MS Tahoma

cursive

Глифы в курсивных шрифтах (как этот термин используется в CSS) обычно имеют либо примыкающие штрихи, либо другие курсивные характеристики типичные для гарнитуры штрихов italic. Глифы соединены частично или полностью, а результат выглядит более похожим на рукописный вариант, чем на печатные буквы. Шрифты для некоторых текстов (например, арабские) почти всегда курсивные. CSS используют термин 'cursive' для шрифта любого текста, хотя существуют другие имена для курсивных шрифтов: Chancery, Brush, Swing и Script.

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

Латинские шрифты Caflisch Script, Adobe Poetica, Sanvito, Ex Ponto, Snell Roundhand, Zapf-Chancery
Кириллические шрифты ER Architekt
Еврейские шрифты Corsiva
Арабские шрифты DecoType Naskh, Monotype Urdu 507

fantasy

Фантазийные шрифты (как этот термин используется в CSS) являются изначально декоративными, и они все еще содержат представление символов (в противоположность к шрифтам Pi или Picture, которые не представляют символы). Примеры включают:

Латинский шрифт Alpha Geometrique, Critter, Cottonwood, FB Reactor, Studz

monospace

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

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

Латинские шрифты Courier, MS Courier New, Prestige, Everson Mono
Греческие шрифты MS Courier New, Everson Mono
Кириллические шрифты ER Kurier, Everson Mono
Японские шрифты Osaka Monospaced
Шрифты чероки Everson Mono
← Назад | Вперед →
Copyright © 2006 -  aranea.ru