Font-family

от Fuedo - Уеб дизайн енциклопедия

Направо към: навигация, търсене

Свойството позволява задаването на списък с шрифтове които да бъдат приложени на даден елемент. Възможните стойности са:

  • Име на шрифт - например "Arial", "Courier" и т.н.
  • "Семейство шрифтове" - serif (например Times), sans-serif (например Arial или Helvetica) cursive (например Zapf-Chancery) fantasy (например Western) monospace (например Courier)

Всяко име се отделя със запетая. Ако името съдържа интервал го ограждате в кавички "Times New Roman". На края на списъка поставете семейство шрифтове (sans-serif, serif).
Пример:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>Test</title>
    <style type="text/css">
      p.firstParagraph{font-family:"Times New Roman",Georgia,serif;}
      p.secondParagraph{font-family:"Not existing font", sans-serif;}
      p.thirdParagraph{font-family:"Not existing font", "Comic Sans MS", sans-serif;}
    </style>
  </head>
  <body>
    <p class="firstParagraph">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Etiam vitae quam. Nullam auctor.</p>
    <p class="secondParagraph">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Etiam vitae quam. Nullam auctor.</p>
    <p class="thirdParagraph">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Etiam vitae quam. Nullam auctor.</p>
  </body>
</html>

Ето и една статистика която ще ви помогне да се ориентирате кои са най-разпространените шрифтове в интернет пространството.

Лични инструменти