mutivseti.ru - правильный сайт о заработке в интернете!

Свойства CSS. Шрифт. Часть 1

font-family

Свойство font-family задаёт гарнитуру шрифта. Здесь под термином гарнитура будем понимать объединение одинаковых по характеру рисунка шрифтов. Существует несколько гарнитур:

  • Serif - шрифты с засечками, Times New Roman и сходные с ним;
  • Sans-serif - шрифты рубленные, без засечек. Самый известный представитель этой группы шрифтов - Arial;
  • Monospace - моноширинные шрифты, с одинаковым расстоянием между буквами, например Courier New;
  • Cursive - курсивные шрифты, Adventure например;
  • Fantasy - декоративные шрифты, например Barocco Floral Initial.

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

p {
font-family: Courier New, monospace;
}

Если к абзацу применить такого вида таблицу стилей, шрифт текста в абзаце будет Courier New, если же на компьютере посетителя веб-страницы такого шрифта не окажется, вместо него будет использован любой шрифт семейства monospace, имеющийся на компьютере этого пользователя.

 

font-style

Это свойство задаёт стиль шрифта. Допускается использовать несколько значений:

  • normal - обычный, используется по умолчанию;
  • oblique - наклонный;
  • italic - курсив.

 

font-variant

С помощью данного свойства можно задавать вариант написания букв из двух возможных:

  1. normal - нормальный, используется по умолчанию;
  2. small-caps - малые прописные буквы.

Пример использования:

h1, h2, h3, h4, h5, h6 {
font-variant: small-caps;
}

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

 

font-weight

При помощи свойства font-weight задаётся толщина букв в шрифте. Может иметь 9 значений: 100, 200, 300, 400, 500, 600, 700, 800, 900. Также значение может быть задано в виде следующих ключевых слов: normal (нормальный), bold (полужирный), bolder (более жирный по отношению к базовому) и lighter (менее жирный по отношению к базовому). Базовые шрифты - унаследованные от элемента-предка. Числовой эквивалент значения normal - 400, bold - 700. Пример использования:

p{
font-weight: 700;
}
p var {
font-style: normal;
font-weight: lighter;
}

 

| следующая>>

 


 

Добавить комментарий



Обновить


Легальные способы заработка

Делаем сайт

Заработай на лохах

Истории афер

Последние статьи

Подписаться на рассылку