CSS / 5. Шрифт

Как точно заметили авторы спецификации CSS, выбор шрифта является самой популярной (и значимой) возможностью. В конце концов, сколько страниц забито десятками или даже сотнями тегов ? Кстати, раздел спецификации «Свойства шрифтов» начинается со слов: «Таблицы стилей наиболее широко будут использоваться для настройки свойств шрифтов».
Статьи раздела '5. Шрифт':
Абсолютные размеры
Разобравшись с этим, обратимся к ключевым словам для задания абсолютных размеров. Существует семь значений абсолютного размера для свойства font-size: xx-small, x small, small, medium, large, x-large и xx-large. Они определены не ...
Варианты шрифтов
Кроме размеров и стилей, шрифты также могут иметь варианты. CSS предлагает способ реализации одного очень распространенного варианта. Что касается свойства font-variant, у него только два ненаследуемых значения: применяемое по умо...
Загрузка шрифтов
В этом случае агент пользователя может загрузить удаленный шрифт, чтобы использовать его в документе. Чтобы объявить шрифт, предназначенный для загрузки, вы могли бы написать примерно следующее: @font-face {font-family: "Scarbo...
Задание семейства шрифтов
У автора могут быть и более определенные предпочтения по поводу шрифтов в представлении документа или элемента. Да и пользователь может захотеть создать таблицу стилей, определяющую конкретные шрифты, применяемые в представлении в...
Интеллектуальное сопоставление шрифтов
В этом случае агент пользователя останавливается на доступном шрифте, внешний вид которого наиболее полно соответствует запрашиваемому шрифту. Эти два шрифта могут не сопоставляться точно, но они должны быть максимально близки. Ин...
Использование единиц измерения длины
Все приведенные ниже объявления font-size эквивалентны: p.one {font-size: 36pt;} p.two {font-size: 3pc;} p.three {font-size: 0.5in;} p.four {font-size: 1.27cm;} p.five {font-size: 12.7mm;} Агент пользователя знает разреш...
Использование кавычек
В предыдущем примере вы могли заметить одиночные кавычки, которые не встречались ранее. Кавычки нужны в объявлении свойства font-family, только если в имени шрифта имеются пробелы, как, например, в New York, или если имя шрифта вк...
Как правильно использовать сокращенную запись свойств
Важно помнить, что свойство font, поддерживая возможность записи в сокращенном виде, может демонстрировать неожиданные результаты в случае небрежного его применения. Рассмотрим следующие правила: h1, h2, h3 {font: italic small-...
Как работает свойство насыщенности
Чтобы понять, как агент пользователя устанавливает толщину, или насыщенность, данного варианта шрифта, не упоминая о том, как происходит ее наследование, проще всего начать с рассказа о ключевых словах от 100 до 900. Эти ключевые ...
Насыщенность шрифта
Возможно, вы уже хорошо знакомы с насыщенностью шрифта (хотя и не осознаете этого); полужирный шрифт – самый обычный пример повышенной насыщенности. CSS посредством свойства font-weight предоставляет, по крайней мере теоретическ...
Относительные размеры
По сравнению со всем вышесказанным, с ключевыми словами larger и smaller все проще: они обусловливают смещение размера элемента вверх или вниз по шкале абсолютных размеров – относительно размера их родительского элемента – с прим...
Поля
Разделение большинства элементов в нормальном потоке происходит за счет полей, призванных создавать вокруг элемента дополнительное пустое пространство. Под «пустым пространством» обычно подразумевается область, в которой не может ...
Правила гарнитуры шрифта
CSS2 предоставляет способ контроля за сопоставлением шрифтов посредством правила @font-face. Поскольку к весне 2003 года ни один веб-броузер полностью не реализовал его, @font-face было удалено из CSS2.1. Я не буду тратить на него...
Применение системных шрифтов
Если требуется создать веб-страницу, гармонирующую с операционной системой пользователя, значения системных шрифтов свойства font оказываются очень кстати. Они применяются, чтобы взять размер, семейство, насыщенность, стиль и вари...
Процентные значения и размеры
В некотором роде процентные значения подобны ключевым словам, задающим относительные размеры. Процентное значение всегда вычисляется на основании любого размера, унаследованного от родительского элемента. В отличие от задающих отн...
Работа с базовыми семействами шрифтов
Шрифты любого из упомянутых семейств могут быть использованы в документе посредством свойства font-family. Если требуется использовать в документе любой рубленый шрифт, подойдет следующее объявление: body {font-family: sans-ser...
Размер шрифта
Способ задания размера шрифта выглядит очень похоже и в то же время сильно отличается от задания насыщенности. Для свойства font-size определены ключевые слова larger и smaller, аналогичные ключевым словам bolder и lighter свойств...
Размер шрифта и наследование
Хотя свойство font-size является в CSS наследуемым, наследуются вычисленные значения, а не процентные. Таким образом, элемент strong наследует значение font-size, равное 12px, и в соответствии с объявленным значением 135% размер ш...
Растяжение и корректировка шрифтов
Есть два свойства шрифтов, появившихся в CSS2, но отсутствующих в CSS2.1. В CSS2.1 они были опущены, потому что, несмотря на их многолетнее присутствие в спецификации, они не были реализованы в броузерах. Первое обеспечивает растя...
Свойство font
Все эти свойства очень замысловаты, а применение их в совокупности может сделать объявления несколько громоздкими: h1 {font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 30px; font-weight: 900; font-style: italic; ...

Страницы: 1 2