Семейство шрифтов

HTML

HTML и HTML5 Динамический HTML XHTML XHTML Mobile Profile и CHTML Document Object Model Семейство шрифтов Кодировки символов Мнемоники в HTML Редактор HTML Элементы HTML Семантическая вёрстка Карта изображений Цвета HTML Формы HTML Фреймы HTML HTML5 audio и HTML5 video Canvas Скрипты в HTML Unicode и HTML Браузерный движок Quirks mode Каскадные таблицы стилей W3C и WHATWG Web Storage WebGL Сравнение языков разметки документов браузеров браузерных движков для HTML HTML5 HTML5 Canvas HTML5 Media XHTML (1.1)

В HTML и xHTML семейство шрифтов (font face или font family) определяет какой шрифт будет использоваться браузером для отображения текста на веб-странице. Семейство шрифтов (font family) и другие презентационные атрибуты шрифта могут быть использованы в HTML-коде в каскадных таблицах стилей (CSS) или с помощью устаревшего HTML-элемента font.

.text { font-family: times, serif; font-size:14pt; font-style:italic; }

<p class="text">
Пример текста, отформатированного с помощью класса в таблице CSS.
</p>

<p style="font-family: times, serif; font-size:14pt; font-style:italic">
Пример текста, отформатированного с помощью встроенного в тег CSS-кода.
</p>

<p><i><font face="times, serif" size="3">
Пример текста, отформатированного с помощью устаревшего HTML-элемента font.
</font></i></p>

В CSS font family (или face в HTML) состоит из набора связанных шрифтов, сгруппированных в семейства. Например, семейство Times включает в себя различные размеры шрифта, стили (такие как роман и курсивом) и жирность (нормальный и жирный шрифт). Браузер может использовать только шрифты установленные на компьютер, что не всегда соответствует реальности. Поэтому разработчики HTML-кода могут перечислять несколько шрифтов в порядке значимости. Как показано выше, список шрифтов разделяется запятыми. Чтобы избежать неожиданных результатов, желательно в конце списка указывать одно из общих семейств шрифтов, доступное с помощью HTML и CSS на всех компьютерах по умолчанию. Если ни один из перечисленных шрифтов не будет доступен браузеру, то он применит свой шрифт по умолчанию, автоматически. В разных браузерах это разный шрифт, но в большинстве современных браузеров пользователь может самостоятельно изменить настройки шрифта по умолчанию используемого. Это можно сделать на свой вкус или по причине ограничений здоровья или возможностей пользователя (например, можно увеличить размер шрифта при слабом зрении).

Общие семейства шрифтов

Следующие семейства шрифтов по умолчанию доступны через HTML и CSS на любой машине:

Семейство	Пример отображения (зависит от браузера)
serif	The quick brown fox jumps over the lazy dog. 0123456789
sans-serif	The quick brown fox jumps over the lazy dog. 0123456789
cursive	The quick brown fox jumps over the lazy dog. 0123456789
fantasy	The quick brown fox jumps over the lazy dog. 0123456789
monospace	The quick brown fox jumps over the lazy dog. 0123456789

Под Windows API эти семейства определяются как Roman, Swiss, Script, Decorative и Modern, соответственно.

Общие шрифты

Вместо семейства шрифтов можно использовать именованный шрифт (например, Хэйсэй Mincho W9), но результат зависит от шрифтов, установленных на компьютере пользователя. Имя шрифта должны быть заключены в кавычки, если они содержат пробелы. Внешний вид будет зависеть от браузера и шрифтов, установленных в системе. Например, Internet Explorer от Microsoft по умолчанию всегда отображает Times New Roman как шрифт с засечками, и без засечек Helvetica и Arial.

Шрифт	Пример (зависит от установленных шрифтов)
Antiqua	The quick brown fox jumps over the lazy dog. 0123456789
Arial	The quick brown fox jumps over the lazy dog. 0123456789
Avqest	The quick brown fox jumps over the lazy dog. 0123456789
Blackletter	The quick brown fox jumps over the lazy dog. 0123456789
Calibri	The quick brown fox jumps over the lazy dog. 0123456789
Comic Sans	The quick brown fox jumps over the lazy dog. 0123456789
Courier	The quick brown fox jumps over the lazy dog. 0123456789
Decorative	The quick brown fox jumps over the lazy dog. 0123456789
Fraktur	The quick brown fox jumps over the lazy dog. 0123456789
Frosty	The quick brown fox jumps over the lazy dog. 0123456789
Garamond	The quick brown fox jumps over the lazy dog. 0123456789
Georgia	The quick brown fox jumps over the lazy dog. 0123456789
Helvetica	The quick brown fox jumps over the lazy dog. 0123456789
Impact	The quick brown fox jumps over the lazy dog. 0123456789
Minion	The quick brown fox jumps over the lazy dog. 0123456789
Modern	The quick brown fox jumps over the lazy dog. 0123456789
Monospace	The quick brown fox jumps over the lazy dog. 0123456789
Palatino	The quick brown fox jumps over the lazy dog. 0123456789
Roman	The quick brown fox jumps over the lazy dog. 0123456789
Script	The quick brown fox jumps over the lazy dog. 0123456789
Swiss	The quick brown fox jumps over the lazy dog. 0123456789
Times New Roman	The quick brown fox jumps over the lazy dog. 0123456789
Verdana	The quick brown fox jumps over the lazy dog. 0123456789

Отрывок, характеризующий Семейство шрифтов

Неразрешенный вопрос о том, смертельна или не смертельна ли была рана, нанесенная в Бородине, уже целый месяц висел над головой Кутузова. С одной стороны, французы заняли Москву. С другой стороны, несомненно всем существом своим Кутузов чувствовал, что тот страшный удар, в котором он вместе со всеми русскими людьми напряг все свои силы, должен был быть смертелен. Но во всяком случае нужны были доказательства, и он ждал их уже месяц, и чем дальше проходило время, тем нетерпеливее он становился. Лежа на своей постели в свои бессонные ночи, он делал то самое, что делала эта молодежь генералов, то самое, за что он упрекал их. Он придумывал все возможные случайности, в которых выразится эта верная, уже свершившаяся погибель Наполеона. Он придумывал эти случайности так же, как и молодежь, но только с той разницей, что он ничего не основывал на этих предположениях и что он видел их не две и три, а тысячи. Чем дальше он думал, тем больше их представлялось. Он придумывал всякого рода движения наполеоновской армии, всей или частей ее – к Петербургу, на него, в обход его, придумывал (чего он больше всего боялся) и ту случайность, что Наполеон станет бороться против него его же оружием, что он останется в Москве, выжидая его. Кутузов придумывал даже движение наполеоновской армии назад на Медынь и Юхнов, но одного, чего он не мог предвидеть, это того, что совершилось, того безумного, судорожного метания войска Наполеона в продолжение первых одиннадцати дней его выступления из Москвы, – метания, которое сделало возможным то, о чем все таки не смел еще тогда думать Кутузов: совершенное истребление французов. Донесения Дорохова о дивизии Брусье, известия от партизанов о бедствиях армии Наполеона, слухи о сборах к выступлению из Москвы – все подтверждало предположение, что французская армия разбита и сбирается бежать; но это были только предположения, казавшиеся важными для молодежи, но не для Кутузова. Он с своей шестидесятилетней опытностью знал, какой вес надо приписывать слухам, знал, как способны люди, желающие чего нибудь, группировать все известия так, что они как будто подтверждают желаемое, и знал, как в этом случае охотно упускают все противоречащее. И чем больше желал этого Кутузов, тем меньше он позволял себе этому верить. Вопрос этот занимал все его душевные силы. Все остальное было для него только привычным исполнением жизни. Таким привычным исполнением и подчинением жизни были его разговоры с штабными, письма к m me Stael, которые он писал из Тарутина, чтение романов, раздачи наград, переписка с Петербургом и т. п. Но погибель французов, предвиденная им одним, было его душевное, единственное желание.
В ночь 11 го октября он лежал, облокотившись на руку, и думал об этом.
В соседней комнате зашевелилось, и послышались шаги Толя, Коновницына и Болховитинова.
– Эй, кто там? Войдите, войди! Что новенького? – окликнул их фельдмаршал.
Пока лакей зажигал свечу, Толь рассказывал содержание известий.
– Кто привез? – спросил Кутузов с лицом, поразившим Толя, когда загорелась свеча, своей холодной строгостью.
– Не может быть сомнения, ваша светлость.
– Позови, позови его сюда!
Кутузов сидел, спустив одну ногу с кровати и навалившись большим животом на другую, согнутую ногу. Он щурил свой зрячий глаз, чтобы лучше рассмотреть посланного, как будто в его чертах он хотел прочесть то, что занимало его.
– Скажи, скажи, дружок, – сказал он Болховитинову своим тихим, старческим голосом, закрывая распахнувшуюся на груди рубашку. – Подойди, подойди поближе. Какие ты привез мне весточки? А? Наполеон из Москвы ушел? Воистину так? А?
Болховитинов подробно доносил сначала все то, что ему было приказано.
– Говори, говори скорее, не томи душу, – перебил его Кутузов.
Болховитинов рассказал все и замолчал, ожидая приказания. Толь начал было говорить что то, но Кутузов перебил его. Он хотел сказать что то, но вдруг лицо его сщурилось, сморщилось; он, махнув рукой на Толя, повернулся в противную сторону, к красному углу избы, черневшему от образов.
– Господи, создатель мой! Внял ты молитве нашей… – дрожащим голосом сказал он, сложив руки. – Спасена Россия. Благодарю тебя, господи! – И он заплакал.


Со времени этого известия и до конца кампании вся деятельность Кутузова заключается только в том, чтобы властью, хитростью, просьбами удерживать свои войска от бесполезных наступлений, маневров и столкновений с гибнущим врагом. Дохтуров идет к Малоярославцу, но Кутузов медлит со всей армией и отдает приказания об очищении Калуги, отступление за которую представляется ему весьма возможным.