Сравнивайте с английским: нажмите на абзац — оригинал откроется в окне. Кнопка EN под абзацем показывает его прямо в тексте.
Содержание
Введение
Свойство CSS в HTML
CSS property in HTML
Выбор семейства шрифтов в (X)HTML, CSS и производных системах определяет список приоритетных шрифтов и общих имен семейств; в сочетании с соответствующими свойствами шрифтов, этот список определяет конкретный набор символов шрифта, используемый для отображения символов. Выбор семейства доступен в двух формах: в устаревшем элементе (X)HTML с его атрибутом и в свойстве CSS. Термин "семейство шрифтов" в CSS соответствует типографскому термину "гарнитура", который представляет собой группу шрифтов, определяемых общими стилями дизайна. Шрифт – это конкретный набор глифов (формы символов), отличающийся от других шрифтов в том же семействе дополнительными свойствами, такими как толщина штриха, наклон, относительная ширина и т.д. Термин "начертание шрифта" (font face) в CSS соответствует термину "шрифт"; он определяется комбинацией семейства шрифтов и дополнительных свойств. В HTML и CSS список разделяется запятыми. Чтобы избежать неожиданных результатов, последним семейством шрифтов в списке должно быть одно из универсальных семейств, которые по умолчанию всегда доступны. Если шрифт не найден, веб-браузер будет использовать свой шрифт по умолчанию, который может быть задан пользователем. В зависимости от веб-браузера, пользователь может переопределить шрифт, заданный разработчиком. Это может быть связано с личными предпочтениями, но также и с физическими ограничениями пользователя, такими как необходимость увеличения размера шрифта или избегание определенных цветов. Помимо локальных шрифтов, современные веб-браузеры поддерживают подключение пользовательских файлов шрифтов напрямую с помощью объявления @font-face. После подключения такие шрифты можно указать в свойстве семейства шрифтов вместе со всеми локальными и запасными шрифтами.
The font family selection in (X)HTML, CSS, and derived systems specifies a list of prioritized fonts and generic family names; in conjunction with correlating font properties, this list determines the particular font face used to render characters. The family selection is available in two forms: in the deprecated (X)HTML element with its attribute, and in the CSS property. The CSS term font family is matched with the typographical term typeface, which is a grouping of fonts defined by shared design styles. A font is a particular set of glyphs (character shapes), differentiated from other fonts in the same family by additional properties such as stroke weight, slant, relative width, etc. The CSS term font face is matched with "font"; it is decided by a combination of the font family and the additional properties. In both HTML and CSS, the list is separated by commas. To avoid unexpected results, the last font family on the font list should be one of the generic families which are by default always available. In the absence of a font being found, the web browser will use its default font, which may be a user defined one. Depending on the web browser, a user can in fact override the font defined by the code writer. This may be for personal taste reasons, but may also be because of some physical limitation of the user, such as the need for a larger font size or the avoidance of certain colors. In addition to local fonts, modern web browsers support linking custom font files directly by using the @font face declaration. Once included, such fonts can be listed in the font family property, alongside all local and fallback fonts.
Имя шрифта в качестве фамилии
Хотя CSS стремится определить семейство шрифтов как тождественное начертанию, данная запись и её нестандартный предшественник в HTML исторически также использовались для идентификации всего гарнитура. Это обусловлено тем, что файлы шрифтов не описывают себя как часть семейства, отчасти из-за того, что в то время мало какие редакторы поддерживали выбор более чем четырёх стилей шрифта (полужирный/обычный и курсив/обычный). В результате, ранее часто встречались объявления вида вместо педантически верного. Ни CSS2, ни CSS3 не одобряют такое использование (оно не встречается в примерах), однако большинство браузеров всё равно принимают их как допустимые "имена".
Although CSS tries to define a font family as the same as a typeface, the entry and its non standard HTML predecessor has also historically been used to identify the entire font face. This usage is due to font files not describing themselves as part of a family, partially motivated by the fact that few editors at the time supported the selection among more than four font styles (bold/regular and italics/regular). As a result, it used to be common to see declarations such as in place of the pedantically correct Neither CSS2 nor CSS3 endorse such a use (they are not found in examples), but most browsers accept them as valid "names" nevertheless.
Общие шрифты
В семействе шрифтов может использоваться определенный шрифт по имени (например, Heisei Mincho W9), но результат зависит от шрифтов, установленных на компьютере пользователя. Фактический вид будет зависеть от браузера и установленных в системе шрифтов. Например, стандартная установка Firefox в Microsoft Windows будет отображать шрифты с засечками как Times New Roman, а шрифты без засечек как Arial. Как правило, пользователь может легко настроить в веб-браузерах лишь небольшое количество шрифтов, в основном Serif, Sans serif, Monospace и Cursive. Многие системы также выполняют специальную замену шрифтов, подставляя отсутствующие "известные" семейства на альтернативные, совместимые по метрикам. Например, Windows заменяет Helvetica на Arial, а Times на Times New Roman. Эти семейства не являются универсальными в понимании CSS и, как правило, не обрабатываются на уровне браузера.
The font family can use a specific named font (like Heisei Mincho W9), but the result depends on the fonts installed on the user machine. The actual appearance will depend on the browser and the fonts installed on the system. A default installation of Firefox on Microsoft Windows, for instance, will display both serif as Times New Roman, and both sans serif as Arial. Usually only a small subset of them, chiefly the Serif, Sans serif, Monospace and Cursive are easily configurable by user in web browsers. Many systems also perform special cased font substitution to replace missing "well known" families with metric compatible alternatives. For example, Windows substitutes Helvetica with Arial, and Times with Times New Roman. These families are not generic in the CSS sense, and are generally not handled at the browser level.