Инструкция
1
Можно указать параметры шрифта, который браузеру следует использовать для отображения того или иного блока текста в странице, непосредственно перед началом этого блока. Для этого достаточно средств языка разметки, без привлечения стилевых описаний элементов документа. Соответствующая HTML-конструкция состоит из открывающего и закрывающего тегов font (<font> и </font>), между которыми и размещается текст. Этот тег позволяет указать имя шрифта в атрибуте face, его цвет (в атрибуте color) и размер (атрибут size). Цвет можно задавать в его текстовом обозначении (например, Blue), но лучше использовать шестнадцатеричные коды (например, #0000FF вместо Blue), так как с их помощью можно более точно подобрать нужный оттенок. Размер шрифта здесь задается в относительных единицах - вам нужно указать число в диапазоне от 1 до 7. Образец текста с заданными таким способом параметрами шрифта:<font color="Navy" face="Verdana" size="5">Образец текста</font>
2
Другой способ - воспользоваться атрибутом style. Его можно указывать во многих тегах, в том числе формирующих строчные или блочные области с текстом в теле документа. Вот пример с тегом, формирующим один параграф текста:<p style="font: 700 20px/12 Verdana;">Образец текста</p>Здесь число 700 - это свойство font-weight, а 20px - font-size. По эффекту они практически дублируют друг друга - задают размер букв. Разница лишь в том, что font-size указывает размеры в абсолютных единицах (px либо em), а font-weight в относительных, т.е. увеличивает или уменьшает размер этого текстового блока относительно заданного для всего документа в целом. Как вы понимаете, использовать оба одновременно в одном стилевом атрибуте нет смысла, здесь они объединены только в качестве примера. Число 12, указанное через дробь после абсолютного размера, задает высоту строк в этом параграфе. А Verdana - это, конечно, имя используемого шрифта.
3
Однако указание параметров шрифта непосредственно в тегах элементов страницы сейчас используется редко. Как правило, описания шрифтов выносятся в CSS-блоки, а в тегах указываются только ссылки на них - в атрибутах class или id. Образец этого типа указания параметров шрифта:<style type="text/css">
.paraFont {font: 20px/40 Verdana;}
</style><p class="paraFont">Образец текста</p>
4
Если особого разнообразия шрифтов в странице нет, то можно задать параметры, например, для всех тегов <p> и не указывать ссылок на стилевое описание ни в атрибуте class, ни в id. В этом случае предыдущий образец можно упростить до такого вида:<style type="text/css">
p {font: 20px/40 Verdana;}
</style><p>Образец текста</p>