Как прописать шрифт?

3 ноября 2014 г. Просмотров: 742
Есть несколько способов задать индивидуальные особенности шрифта какого-либо текстового блока в странице. Одни из них используют исключительно средства HTML, другие - только CSS, третьи - комбинируют возможности обоих языков.

Инструкция

  • Можно указать параметры шрифта, который браузеру следует использовать для отображения того или иного блока текста в странице, непосредственно перед началом этого блока. Для этого достаточно средств языка разметки, без привлечения стилевых описаний элементов документа. Соответствующая HTML-конструкция состоит из открывающего и закрывающего тегов font ( и ), между которыми и размещается текст. Этот тег позволяет указать имя шрифта в атрибуте face, его цвет (в атрибуте color) и размер (атрибут size). Цвет можно задавать в его текстовом обозначении (например, Blue), но лучше использовать шестнадцатеричные коды (например, #0000FF вместо Blue), так как с их помощью можно более точно подобрать нужный оттенок. Размер шрифта здесь задается в относительных единицах - вам нужно указать число в диапазоне от 1 до 7. Образец текста с заданными таким способом параметрами шрифта:Образец текста
  • Другой способ - воспользоваться атрибутом style. Его можно указывать во многих тегах, в том числе формирующих строчные или блочные области с текстом в теле документа. Вот пример с тегом, формирующим один параграф текста:

    Образец текста

    Здесь число 700 - это свойство font-weight, а 20px - font-size. По эффекту они практически дублируют друг друга - задают размер букв. Разница лишь в том, что font-size указывает размеры в абсолютных единицах (px либо em), а font-weight в относительных, т.е. увеличивает или уменьшает размер этого текстового блока относительно заданного для всего документа в целом. Как вы понимаете, использовать оба одновременно в одном стилевом атрибуте нет смысла, здесь они объединены только в качестве примера. Число 12, указанное через дробь после абсолютного размера, задает высоту строк в этом параграфе. А Verdana - это, конечно, имя используемого шрифта.
  • Однако указание параметров шрифта непосредственно в тегах элементов страницы сейчас используется редко. Как правило, описания шрифтов выносятся в CSS-блоки, а в тегах указываются только ссылки на них - в атрибутах class или id. Образец этого типа указания параметров шрифта:
  • .paraFont {font: 20px/40 Verdana;}

    Образец текста

  • Если особого разнообразия шрифтов в странице нет, то можно задать параметры, например, для всех тегов

    и не указывать ссылок на стилевое описание ни в атрибуте class, ни в id. В этом случае предыдущий образец можно упростить до такого вида:

  • p {font: 20px/40 Verdana;}

    Образец текста

    Оцените статью!