key Войти Валюта:
calendar 14 июня
heart 6284
question Комментариев: 0

Среди ключевых свойств шрифта выделяют font-family 一 семейства шрифта, коих может быть несколько (прописывайте их через запятую). К тому же шрифты можно разделить на несколько групп:

  • Serif 一 шрифты с засечками.

  • Sans-serif 一 шрифты без засечек.

  • Monospace 一 непропорциональный шрифт.

  • Cursive 一 курсив.

  • Fantasy 一 необычные шрифты.

Для того, чтобы задать основной шрифт, пропишите в таблице стилей, подставив вместо Times New Roman любой другой шрифт:

<style type="text/css">

body {

   font-family: Times New Roman, serif;

   }

</style>

Уточним, что если на вашем компьютере не установлен желаемый шрифт, автоматически будет использован другой, но из той же группы.

Возможно, вы захотите использовать несколько стилей шрифта. Для этого нужно присвоить ID каждому параграфу и “прописать” стиль для каждого из них:

<html>

<head>

<meta charset="utf-8">

<title>Шрифты</title>

</head>

<body>

<style>

 p#n, p#o, p#i {

   font-family: Torhok, fantasy;

}

p#n { font-style:normal;

}

p#o {font-style:oblique;

}

p#i {font-style:italic;

}

</style>

<p id="n">Обычный</p>

<p id="o">Наклонный</p>

<p id="i">Курсив</p>

</body>

</html>

Кроме того, вы можете использовать свойство font-variant для того, чтобы выбрать варианты написания букв (обычные или малые прописные буквы). Для этого нужно добавить в таблицу стилей несколько строк:

<style>

 p#n, p#o, p#i {

   font-family: Torhok, fantasy;

}

p#n { font-style:normal; font-variant:small-caps;

}

p#o {font-style:oblique;

}

p#i {font-style:italic;

}

</style>

За толщину букв “отвечает” свойство font-weight. Нормальная толщина букв равняется 400 или же прописывается normal, полужирный (bold) равен 700, bolder ー более жирный, а lighter ー  менее жирный:

<style>

 p#n, p#o, p#i {

  font-family: Times New Roman, serif;

}

p#n { font-style:normal; font-variant:small-caps; font-weight:bold;

}

p#o {font-style:oblique; font-weight:bolder;

}

p#i {font-style:italic; font-weight:lighter;

}

</style>

Шрифт в браузере:

Размер шрифта (font-size) может задаваться при помощи ключевых слов (xx-small, x-small, small, medium, large, x-large, xx-large, smaller, large), относительных единиц (%, em) или единиц измерения длины (px, см, мм, пункты):

<style>

 p#n, p#o, p#i {

  font-family: Times New Roman, serif; font-size:12px;

}

p#n { font-style:normal; font-variant:small-caps; font-weight:bold; font-size:1.3em;

}

p#o {font-style:oblique; font-weight:bolder;

}

p#i {font-style:italic; font-weight:lighter; font-size:0.8em;

}

</style>

soc-1
Tweet
© СХОСТ. All Rights Reserved.