Шрифты

Порядок предпочтений

p {font family: Times, TimesNR, 'New Century Schoolbook', Georgia, 'New York', serif;}

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

Кавычки нужны в объявлении свойства font family, только если в имени шрифта имеются пробелы, или если имя шрифта включает такие символы, как %, #, $.

Рекомендация!

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

Насыщенность шрифта

Возможно, вы уже хорошо знакомы с насыщенностью шрифта (хотя и не осознаете этого); полужирный шрифт – самый обычный пример

повышенной насыщенности. CSS посредством свойства font weight пре доставляет, по крайней мере теоретически, значительный контроль за насыщенностью.

Свойство font weight:

Самое обычное объявление font weight: b {font weight: bold;}

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

Kак браузер устанавливает насыщенность?

Шрифт разрабатывается с учетом 9-ти уровней насыщенности(разная гарнитура под каждый уровень) Если в шрифт встроены эти уровни то, числа непосредственно сопоставляются с предопределенными уровнями, где 100 –самый легкий вариант начертания шрифта, а 900 – самый плотный.

Спецификация CSS говорит только о том, что каждое число соответствует плотности, по крайней мере не меньшей, чем плотность предшествующего ему числа. Таким образом, 100, 200 и 300 могут соответствовать одному и тому же слабо насыщенному варианту начертания шрифта; 400 и 500 – распределены в зоне средней насыщенности; 600, 700 — одинаковое насыщенное начертание а оставшиеся 800 и 900 формируют разное очень насыщенное начертание.

Пример:

p

{

font-family: serif; font-size: 30px; font-weight: 100;

}

увеличение[bolder] и уменьшение [lighter] насыщенности

Если для элемента задана насыщенность bolder, то агент пользователя прежде всего должен определить, какое значение свойства font weight было унаследовано от родительского элемента. Затем он выбирает наименьшее числовое значение, соответствующее насыщенности шрифта, превышающей унаследованную. Если ни одно из этих числовых значений не доступно, то агент пользователя присваивает плотности шрифта следующее числовое значение, кроме случая, когда значение уже равно 900. Тогда значение насыщенности остается равным 900.

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

Пример:

------------------------------------------------------------------------------------------------------------------------------------

p {font weight: normal;}

p em {font weight: bolder;} /* в результате получаем

полужирный текст, вычисленное значение – '700' */

Агент пользователя повышает насыщенность с normal до bold; в числовом представлении это переход от

400 к 700.Т.к на 500,600 нет гарнитуры middle

------------------------------------------------------------------------------------------------------------------------------------

p {font weight: 900;} /* максимально возможное жирное

начертание, которое будет выглядеть 'bold'

Задание:

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