Гарнитура(font-family)   

Гарнитура шрифта - это комплект начертаний одного шрифта. Шрифт может иметь "прямое" начертание(noramal), курсив(italic), "скошенное"(oblique), усиленное по насыщенности ("толстое", bold), "мелкое"(капитель, small-caps) и т.п..

Особенно распространненые гарнитуры в русской части Web - это Times, Arial, Courier. Причем все они принадлежат к различным группам шрифтов. Times - это пропорциональный шрифт "с засечками"(serif), Arial - это пропорциональный шрифт "без засечек"(sans-serif), а Courier - это моноширинный шрифт (monospace). В Unix взамен Arial почаще используется Helvetica.

В чем разница между этими группами шрифтов класснее каждого видно на примере:

<p align=left style="font-size:24px;font-family:serif;color:darkred;"> Эта строка набрана пропорциональным шрифтом с засечками. </p>

Эта строка набрана пропорциональным шрифтом с засечками.

<p align=left style="font-size:24px;font-family:sans-serif;color:darkred;"> Эта строка набрана пропорциональным шрифтом без засечек. </p>

Эта строка набрана пропорциональным шрифтом без засечек.

<p align=left style="font-size:24px;font-family:monospace;color:darkred;"> Эта строка набрана моноширинным шрифтом. </p>

Эта строка набрана моноширинным шрифтом.

При указании имени группы шрифтов, как это сделано в примере, браузер подбирает особенно приемлемый для отображения шрифт данной группы из имеющегося комплекта шрифтов.

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

<span style=
"font-family:symbol;padding-left:65px;">N<br>
</span>
<span style="font-family:symbol;font-size:24px;"> A<sub>x,y</sub>=е(y<sub>a</sub>+x<sub>a</sub>)
</span>
<span style=
"font-family:symbol;padding-left:60px;
font-size:20px;"><br>a=1
</span>

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

Разглядим сейчас менее экзотичный пример. Речь пойдет о тексте в поле ввода формы:

В данном случае мы применяем легко шрифт умолчания. Сейчас изменим его на иной моноширинный шрифт:

<input style="font-family:Courier;" value="русский язык">

<input style="font-family:Courier New" value="русский язык">

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

Данный пример призван был, помимо каждого прочего, показать, что при выборе шрифта, а вернее гарнитуры шрифта, не следует мудрить. Класснее каждого пользоваться категориями групп шрифтов, тогда текст будет повсеместно отображаться с точки зрения языка положительно. Правда достигаться эта универсальность будет за счет усечения возможностей начертания шрифта.

далее...