Итак, мы подошли к финишной прямой по оформлению шрифта и в этом уроке мы рассмотрим последнее свойство относящееся к шрифтам - font. Это свойство является универсальным и позволяет сокращать запись, путем одновременного задания всех параметров шрифта в одном свойстве.
При использовании этого свойства нужно соблюдать последовательность, которая указана на картинке выше. То есть первым указывается font-style - это italic.
Вторым указывается font-variant - установка капители (заглавные буквы уменьшенного размера).
Третьим указывается font-weight - насыщенность шрифта bold или normal.
Затем указывается размер шрифта font-size и если требуется высоту межстрочного интервала line-height и, в конце уже, указывается тип шрифта font-family.
При использовании свойства font обязательно должны быть указаны размер шрифта и тип шрифта или его семейство. Остальные свойства являются не обязательными и указываются при необходимости.
Ниже представлено несколько вариантов использования:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>HTML страница</title>
<link href="css/fonts.css" type="text/css" rel="stylesheet">
</head>
<body>
Текст, которому задано Свойство font
Текст, которому задано Свойство font
Текст, которому задано Свойство font
Текст, которому задано Свойство font
Текст, которому задано Свойство font
Текст, которому задано Свойство font
</body>
</html>
p{
font: 18px/35px sans-serif;
}
В этом примере указывается, что размер шрифта - 18px, а межстрочный интервал - 35px. В качестве шрифта указан рубленый шрифт без засечек из семейства sans-serif.
p {
font: bold italic 18px serif;
}
Указанные значения соответствуют тому, что шрифт должен быть bold - жирным, и в то же время быть italic - наклонным (курсивным). Размер шрифта 18px, а вид шрифта выбирается из семейства serif с засечками.
p {
font: normal small-caps 18px/35px fantasy;
}
И последний вариант: придает шрифту следующие параметры - normal - не жирный, small-caps - текст в виде капители, то есть заглавные буквы уменьшенного размера. Размер шрифта 18px и растояние между строк 35px, а тип шрифта fantasy.
Вот таким образом можно объединить все свойства шрифта в одно общее свойство, тем самым сократив запись.
Вот мы рассмотрели универсальное свойство относящиеся к шрифту. На этом все, мы рассмотрели все Основные свойства, которые позволяют нам работать и изменять внешний вид, как шрифта, так и текста, а мы идем дальше, где рассмотрим новые свойства CSS.
CSS