Iconic font family

Definition and Usage

The property specifies the font for an element.

The property can hold several font names as a «fallback» system.
If the browser does not support the first font, it tries the next font.

There are two types of font family names:

  • family-name — The name of a font-family, like «times», «courier», «arial», etc.
  • generic-family — The name of a generic-family, like «serif», «sans-serif», «cursive», «fantasy», «monospace».

Start with the font you want, and always end with a generic family, to let the browser pick a similar font in the generic family, if no other fonts are available.

Note: Separate each value with a comma.

Note: If a font name contains white-space, it must be quoted. Single quotes must be used when using the «style» attribute in HTML.

Default value: depends on the browser
Inherited: yes
Animatable: no. Read about animatable
Version: CSS1
JavaScript syntax: object.style.fontFamily=»Verdana,sans-serif»
Try it

Список безопасных шрифтов:

Обратите внимание, что сначала идёт распространённый шрифт (например Arial), если его на компьютере посетителя нет, то идёт более распространённый и похожий на него (например Helvetica), и в конце если оба эти шрифта отсутствуют, подключается serif, sans-serif, monospace или cursive (данные способы начертания шрифта есть всегда). Arial

Arial

Имя шрифта: font-family: Arial, Helvetica, sans-serif;
Цифры: 0 1 2 3 4 5 6 7 8 9

Arial Black
Имя шрифта: font-family: ‘Arial Black’, Gadget, sans-serif;
Цифры: 0 1 2 3 4 5 6 7 8 9

Bookman Old Style
Имя шрифта: font-family: ‘Bookman Old Style’, serif;
Цифры: 0 1 2 3 4 5 6 7 8 9

Century Gothic*
Имя шрифта: font-family: «Century Gothic», CenturyGothic, AppleGothic, sans-serif;
Цифры: 0 1 2 3 4 5 6 7 8 9

Comic Sans MS
Имя шрифта: font-family: ‘Comic Sans MS’, cursive;
Цифры: 0 1 2 3 4 5 6 7 8 9

Courier
Имя шрифта: font-family: Courier, monospace;
Цифры: 0 1 2 3 4 5 6 7 8 9

Courier New
Имя шрифта: font-family: ‘Courier New’, Courier, monospace;
Цифры: 0 1 2 3 4 5 6 7 8 9

Garamond
Имя шрифта: font-family: Garamond, serif;
Цифры: 0 1 2 3 4 5 6 7 8 9

Georgia
Имя шрифта: font-family: Georgia, serif;
Цифры: 0 1 2 3 4 5 6 7 8 9

Impact
Имя шрифта: font-family: Impact, Charcoal, sans-serif;
Цифры: 0 1 2 3 4 5 6 7 8 9

Lucida Console
Имя шрифта: font-family: ‘Lucida Console’, Monaco, monospace;
Цифры: 0 1 2 3 4 5 6 7 8 9

MS Sans Serif
Имя шрифта: font-family: ‘MS Sans Serif’, Geneva, sans-serif;
Цифры: 0 1 2 3 4 5 6 7 8 9

MS Serif
Имя шрифта: font-family: ‘MS Serif’, ‘New York’, sans-serif;
Цифры: 0 1 2 3 4 5 6 7 8 9

Palatino Linotype
Имя шрифта: font-family: ‘Palatino Linotype’, ‘Book Antiqua’, Palatino, serif;
Цифры: 0 1 2 3 4 5 6 7 8 9

Tahoma
Имя шрифта: font-family: Tahoma, Geneva, sans-serif;
Цифры: 0 1 2 3 4 5 6 7 8 9

Times New Roman
Имя шрифта: font-family: ‘Times New Roman’, Times, serif;
Цифры: 0 1 2 3 4 5 6 7 8 9

Trebuchet MS
Имя шрифта: font-family: ‘Trebuchet MS’, Helvetica, sans-serif;
Цифры: 0 1 2 3 4 5 6 7 8 9

Verdana
Имя шрифта: font-family: Verdana, Geneva, sans-serif;
Цифры: 0 1 2 3 4 5 6 7 8 9

*Шрифт «Century Gothic» содержится на 83% устройств, этот процент растет и в скором будущем он станет безопасным.
Увеличить количество доступных шрифтом можно за счет подключаемых шрифтов от Google Fonts, кириллические шрифты можно . Привила сочетания шрифтов и примеры сочетаний можно посмотреть тут: Таблица сочетания шрифтов.

Шрифты — иконки

  1. http://fontawesome.io — Font Awesome
  2. http://zurb.com/playground/foundation-icon-fonts-3  — Foundation icon
  3. http://ionicons.com — ionicons
  4. http://design.google.com/icons/ — Material Design Icons
  5. http://octicons.github.com — Octicons
  6. http://www.typicons.com — Typicons
    Сервис для выбора иконок: http://glyphsearch.com

​​

Прочее:

Скачать все кириллические шрифты Google fonts:

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

Overview

The Verdana typeface family consists of four TrueType fonts created specifically to address the challenges of on-screen display. Designed by world renowned type designer Matthew Carter, and hand-hinted by leading hinting expert, Agfa Monotype?s Tom Rickner, these sans serif fonts are unique examples of type design for the computer screen.

The Verdana family resembles humanist sans serifs such as Frutiger, and Edward Johnston?s typeface for the London Underground, and Carter himself claims to see the influence of his own Bell Centennial in the face. But to label Verdana a humanist face is to ignore the fact that this family isn?t merely a revival of classical elegance; this is type designed for the medium of screen.

The Verdana fonts exhibit characteristics derived from the pixel rather than the pen, the brush or the chisel. The relationship between straight, curved and diagonal strokes has been painstakingly developed to ensure that the pixel patterns at small sizes are pleasing, clear and legible. Commonly confused characters, such as the lowercase i j l, the uppercase I J L and the numeral 1 have been carefully drawn for maximum distinctiveness — an important characteristic of fonts designed for on-screen use. And the various weights in the typeface family have been designed to create sufficient contrast from one another ensuring, for example, that the bold font is heavy enough even at sizes as small as 8 ppem.

The generous width and spacing of Verdana?s characters is key to the legibility of these fonts on the screen. The limited number of pixels available at low resolutions means that tightly set characters can easily clash; turning an r n into an m, or creating distracting black patches in a word. In on-screen typography, it?s important to keep the characters distinct from one another, and research has shown that wider letterspacing significantly aids reading from the screen.

The Verdana typeface family was first made available on July 8, 1996. The family is continually being extended to support multilingual needs.

Despite the quality of the Verdana font family at small sizes it is at higher resolutions that the fonts are best appreciated. Some of the subtleties of the letterforms, such as the slightly modulated stroke weight only become truly apparent at larger sizes. In the words of Tom Rickner, ?My hope now is that these faces will be enjoyed beyond just the computer screen. Although the screen size bitmaps were the most crucial in the production of these fonts uses should not be limited to on screen typography.?

Verdana version history

Version 2.35 — This version of Verdana includes some minor table updates, but no new glyphs.

Version 2.31 — Verdana version 2.31 extends the WGL4 version 2.00 to include the euro currency symbol and Vietnamese language support.

Version 2.10 — This WGL4 (no euro) version of Verdana was added to our Core fonts for the Web on 30 September 1997. It was also supplied with Microsoft Internet Explorer 4.0 which launched on this date. Internet Explorer 3.0 came with Verdana version 1.01.

Version 1.01 — Verdana version 1.01 was added to our Core fonts for the Web on 8 July 1996. It was also supplied with Microsoft Internet Explorer 3.0 released on 13 August 1996.

File name Verdana.ttfVerdanab.ttfVerdanaz.ttfVerdanai.ttf
Styles & Weights VerdanaVerdana BoldVerdana Bold ItalicVerdana Italic
Designers Matthew Carter
Copyright 2016 Microsoft Corporation. All Rights Reserved.
Font vendor Microsoft Corp.
dlng:’Armn’, ‘Cyrl’, ‘Grek’, ‘Latn’ slng:’Armn’, ‘Cyrl’, ‘Grek’, ‘Latn’
1252 Latin 11250 Latin 2: Eastern Europe1251 Cyrillic1253 Greek1254 Turkish1257 Windows Baltic1258 VietnameseMac Roman Macintosh Character Set (US Roman)
Fixed pitch False

Уменьшение размера TrueType шрифтов

Файлы шрифтов часто очень объемные по размеру(более 100, и даже 200 КБ), это связано с тем, что они содержат символы, которые соответствуют для многих кодировок. Zlib сжатие уменьшает их, но они остаются достаточно большими. НО все же есть методика, которая поможет еще уменьшить. Методика состоит в том что при преобразовании шрифта Type1 с помощью ttf2pt1 нужно указать кодировку которая Вам нужна, и все символы соответствующие другим кодировкам будут проигнорированы.
Например, шрифт arial.ttf который поставляется с Windows 98 весит 267KB (он содержит 1296 знаков). После сжатия будет 147. Давайте преобразуем его в Type1, сохраняя только символы нужные для кодировки cp1250:ttf2pt1 -b -L cp1250.map c:\windows\fonts\arial.ttf arial

Файлы .map находятся в директории font/makefont/. При исполнении команды будут созданы некоторые файлы в числе которых: arial.pfb и arial.afm. Вес файла arial.pfb до сжатия составлял 35KB, а после 30KB.

Можно пойти еще дальше. Если Вас интересует только некоторые символы из общего количества 217 символов, Вы можете открыть файл с расширением .map и удалить ненужные строки, что соответственно позволит уменьшить вес файла.

Основные свойства шрифтов в CSS

В CSS при описании шрифта используют следующие характеристики:

Стиль

Стиль шрифта определяет тип начертания для представления текста: наклонный, курсивный или обычный.

Атрибут font style может принимать такие значения как:

  • normal (обычный);
  • italic (курсив);
  • oblique (наклонный).

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

Вариант шрифта

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

Свойство font variant может иметь одно из двух возможных значений:

  • normal (обыкновенный шрифт);
  • small-caps (шрифт с малыми прописными буквами).

Вес шрифта

В CSS жирный шрифт или наоборот, более светлый, задаётся параметром font weight. Некоторыми браузерами поддерживаются числовые значения в описании веса.

Каждый шрифт может принимать следующие значения:

  • normal (обычный);
  • lighter (светлее);
  • bold (жирный);
  • bolder (ещё более жирный);
  • 100-900 (числовое описание веса, в котором значение 100 соответствует самому тонкому начертанию, а 900 — самому толстому начертанию).

Например:

p {font-family: georgia, garamond serif;}
td {font-family: georgia, garamond serif; font-weight: bold;}

Размер шрифта

Размер шрифта — это расстояние от нижней кромки текста до границ кегельного пространства. Если в HTML данный параметр варьируется от 1 до 7 условных единиц, что не далеко не всегда является удобным, то в CSS с помощью свойства font size размер шрифта можно указать с точностью до пикселя.

Например, задание шрифта размером 20 пикселей выглядит таким образом:

p {font-size: 20px;}

Также, размер шрифта можно задать с помощью процентов от его базового размера.

Например, шрифт с параметрами:

p {font-size: 150%}

будет отображён на 50% больше стандартного размера. В том случае, если гарнитура и размер шрифта не указаны, браузером будет выводиться базовый шрифт Times New Roman со стандартным, на усмотрение браузера, размером.

Цвет шрифта

Возможности CSS позволяют задать цвет текста и его фона с помощью следующих свойств:

  • color (цвет текста);
  • background color (цвет фона текста).

Цветовые значения рекомендуется указывать в общепринятом шестнадцатеричном виде цветовой модели RGB.

Например, белый текст на чёрном фоне будет иметь такие значения:

  • color: #ffffff;
  • background-color: #000000.

Первая пара цифр отвечает за уровень красного цвета, вторая — за уровень зелёного цвета, а третья — за уровень синего.

Минимальное значение — 0, а максимальное — f. Этот принцип позволяет самостоятельно «придумать» значения некоторых цветов: например, если первой паре цифр присвоить максимальное значение, а второй и третьей — минимальные, получится насыщенный красный цвет #ff0000.

Смешивая цвета, можно получать дополнительные оттенки: совокупность красного и синего цветов, как известно, дадут красно-фиолетовый #ff00ff.

Однако, для того, чтобы не изобретать велосипед, можно воспользоваться специальными программами или онлайн-сервисами для подбора цветового шестнадцатеричного кода: например, если в поисковом сервисе Яндекс ввести слово «цвет», появится удобное для таких целей средство.


Таким образом, возможности CSS позволяют изменить шрифт всего веб-сайта и его свойства всего за несколько минут, что существенно облегчает разработчику жизнь и экономит время.

Надеемся, что данное руководство было для вас полезно. Желаем успехов!

Дочерние селекторы (A > B)

С

µÃ»ÃµÃºÃÂþÃÂàÿþÃÂþüúð òÃÂñøÃÂðÃÂàòÃÂõà÷ðôðýýÃÂàÿþÃÂþüúþò ÃÂúð÷ðýýþóþ ÃÂûõüõýÃÂð, ýõ÷ðòøÃÂøüþ þàøàÃÂÃÂþòýàòûþöõýýþÃÂÃÂø. çÃÂþñàòÃÂñÃÂðÃÂàÃÂþûÃÂúþ ôþÃÂõÃÂýøõ ÃÂûõüõýÃÂÃÂ, üõöôàÃÂõûõúÃÂþÃÂðüø òÃÂÃÂðòûÃÂõÃÂÃÂàÃÂóûþòðàÃÂúþñúð.

ÃÂðýýðà÷ðÿøÃÂàþ÷ýðÃÂðõàÿÃÂøüõýøÃÂàÃÂÃÂøûàú ÃÂûõüõýÃÂÃÂ

, úþÃÂþÃÂÃÂù ÃÂòûÃÂõÃÂÃÂàôþÃÂõÃÂýøü ÿþ þÃÂýþÃÂõýøàú . ÃÂûàÃÂûõôÃÂÃÂÃÂõóþ ÃÂÃÂðóüõýÃÂð HTML úÃÂðÃÂýÃÂü ÃÂòõÃÂþü ñÃÂôõàþÃÂþÃÂüûõý ÿõÃÂòÃÂù ÷ðóþûþòþú

, ÿþÃÂúþûÃÂúàÃÂþûÃÂúþ þý ýõÿþÃÂÃÂõôÃÂÃÂòõýýþ ÃÂðÃÂÿþûðóðõÃÂÃÂàòýÃÂÃÂÃÂø ø òÃÂÃÂÃÂÃÂÿðõàõóþ ôþÃÂõÃÂýøü ÃÂûõüõýÃÂþü.

ÃÂþÃÂõÃÂýøõ ÃÂõûõúÃÂþÃÂàþñÃÂÃÂýþ ÿÃÂøüõýÃÂÃÂÃÂÃÂàôûàÃÂøÃÂÃÂðÃÂøù, úþóôð þôøýðúþòÃÂõ ÃÂûõüõýÃÂàòúûðôÃÂòðÃÂÃÂÃÂàòýÃÂÃÂÃÂàôÃÂÃÂóþóþ ýõÃÂúþûÃÂúþ ÃÂð÷, ýþ òÃÂôõûøÃÂàýÃÂöýþ ýõ òÃÂõ, ð ÃÂþûÃÂúþ þÿÃÂõôõûÃÂýýÃÂõ ÃÂûõüõýÃÂÃÂ. àÿÃÂøüõÃÂõà5 ÿþúð÷ðýþ ÃÂþ÷ôðýøõ üõýÃÂ, úþóôð þôøý

ÃÂðÃÂÿþûðóðõÃÂÃÂàòýÃÂÃÂÃÂø ôÃÂÃÂóþóþ. çÃÂþñàÃÂÃÂøûø÷þòðÃÂàÿÃÂýúÃÂàÃÂÿøÃÂúð ÿõÃÂòþóþ ÃÂÃÂþòýÃÂ, ýõ ÷ðÃÂÃÂðóøòðàþÃÂÃÂðûÃÂýÃÂõ, ø ÃÂÃÂõñÃÂÃÂÃÂÃÂàôþÃÂõÃÂýøõ ÃÂõûõúÃÂþÃÂÃÂ.

ÃÂÃÂøüõà5. ÃÂþÃÂõÃÂýøõ ÃÂõûõúÃÂþÃÂÃÂ

àõ÷ÃÂûÃÂÃÂðàôðýýþóþ ÿÃÂøüõÃÂð ÿþúð÷ðý ýð ÃÂøÃÂ. 3.

Генерация файла для определения шрифта

Вторым шагом является создание PHP файла, который содержит всю необходимую информацию для FPDF. Для того чтобы чтобы это сделать, в каталоге font/makefont Вы сможете найти дополнительный скрипт в фале makefont.php, который содержит следующие функции:MakeFont( string fontfile, string afmfile ]])

Значения которые принимает метод, в качестве параметров:

  • fontfile — Путь к файлу с расширением .ttf или .pfb.
  • afmfile — Путь к файлу с расширением .afm.
  • enc — Название используемой кодировки. По умолчанию cp1252.
  • patch — Дополнительные изменения касающиеся кодировки. По умолчанию пуст.
  • type — Тип шрифта ( TrueType или Type1 ). По умолчанию TrueType.

Первым параметром должно быть имя и путь к шрифту. Расширение должно быть .ttf или .pfb. Если у вас есть шрифт Type1 в ASCII формате с расширением .pfa, Вы можете преобразовать его в двоичном формате с помощью утилиты .

Ранее сгенерированный файл AFM

Кодировка определяет связь между кодом (от 0 до 255) и характер. Первые 128 являются фиксированными и соответствуют ASCII, а следующие являются переменными. Кодировки хранятся в .map файлах. Кодировки бывают следующие:

  • cp1250 (Central Europe)
  • cp1251 (Cyrillic)
  • cp1252 (Western Europe)
  • cp1253 (Greek)
  • cp1254 (Turkish)
  • cp1255 (Hebrew)
  • cp1257 (Baltic)
  • cp1258 (Vietnamese)
  • cp874 (Thai)
  • ISO-8859-1 (Western Europe)
  • ISO-8859-2 (Central Europe)
  • ISO-8859-4 (Baltic)
  • ISO-8859-5 (Cyrillic)
  • ISO-8859-7 (Greek)
  • ISO-8859-9 (Turkish)
  • ISO-8859-11 (Thai)
  • ISO-8859-15 (Western Europe)
  • ISO-8859-16 (Central Europe)
  • KOI8-R (Russian)
  • KOI8-U (Ukrainian)

Шрифт который Вы выберете должен содержать символы, соответствующие выбранной кодировке.
В особенных случаях когда символы шрифта не содержат литеры, такие, как Symbol или ZapfDingbats, нужно передать пустую строку.
Кодировки, которые начинаются с СР, используются в ОС Windows. Linux системы обычно используют ISO.Примечание: стандартные шрифты используют кодировку cp1252.

Четвертый параметр дает возможность изменять кодировку. Иногда Вы можете добавить несколько символов. Так, например, ISO-8859-1 не содержит символ евро. Чтобы добавить его на позицию 164, нужно передать — array(164=>’Euro’).

Последний параметр используется для передачи типа шрифта, в случае, если он не встроены (то есть если первый параметр пуст).

После того как Вы заполнили все параметры функции, Вы можете создать новый файл подключив при этом makefont.php, или просто добавить вызов функции непосредственно внутрь основного файла. После исполнения функции будет создано несколько файлов:.php и .afm. При желании Вы можете переименовать файл. Помимо этого скрипт создает файл с расширением .z, который является сжатым (за исключением случаев, когда функция сжатия недоступна, она требует Zlib). Вы можете переименовать и его тоже, но в этом случае Вы должны изменить переменную $file в .php файле, с соответствующим именем.

Пример:

 MakeFont('c:\\windows\\fonts\\comic.ttf','comic.afm','cp1252');

Выше приведенный пример создаст два файла: comic.php и comic.z.

Когда Вы получите эти файлы, их нужно скопировать в каталог с шрифтами. Если файл шрифта не получился сжатым то скопируйте файлы с расширением .ttf или .pfb, вместо .z.

Примечание: для шрифтов TTF, Вы можете не делать этого в ручную а скачать эти файлы с помощью утилиты по этому адресу: http://fpdf.fruit-lab.de/. Я думаю что использование данного скрипта не составит у Вас больших трудностей, но все таки: Нужно выбрать файл TTF с компьютера, и потом при нажатии на единственную кнопку получите нужные файлы для FPDF.

Products that supply this font

Product name Font version
Windows 10 See the Windows 10 page.
Windows 8.1 See the Windows 8.1 page.
Windows 8 See the Windows 8 page.
Windows 7 See the Windows 7 page.
Windows Vista 5.01
Windows XP SP2 3.00
Windows XP 2.95
Windows 2000 2.76
Windows 98 Second Edition 2.76
Windows 98 2.50
Windows 95 2.00
Windows 3.1 1.00
Windows Server 2008 5.01
Windows Server 2003 2.95
Windows NT Terminal Server 4.0 2.00
Windows NT Workstation 4.0 SP4 2.50
Windows NT Workstation 4.0 2.00
Windows NT Workstation 3.5 1.77

This typeface is also available within Office applications. For more information visit this page.

Как изменить размер текста в HTML

Если вам нужно выделить одно слово или фрагмент текста, то, конечно же, это проще всего сделать в html-коде, используя атрибут style.

Вот так это будет выглядеть на примере:

XHTML

Меняем размер шрифта в CSS

1 Меняемразмерstyle=»font-size:18px;»>шрифтавCSS

Меняем размер шрифта в CSS

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

Например, относительными единицами можно воспользоваться при адаптации под мобильные устройства, и текст будет уменьшаться при уменьшении ширины экрана. Это намного удобнее, чем для разных разрешений задавать размер шрифта css-свойствами в пикселях.

С уважением Юлия Гусарь

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

c http-equiv=»Content-Type» content=»text/html;charset=UTF-8″>lass=»exUseWindow»>

Листинг кода

Свойство font-family

Шрифт текста

Жизнь надо прожить так, чтобы на небесах сказали «Повтори». Или в аду «Добро пожаловать, наш Господин».

charset=»utf-8″>>Свойство font-family>>.fFamily1 { font-family: «Times New Roman», «Liberation Serif», serif; }.fFamily2 { font-family: cursive; }>>

style=»font-family: fantasy;»>

Шрифт текста

class=»fFamily1″>Жизнь надо прожить так, чтобы на небесах сказали «Повтори»>. class=»fFamily2″>Или в аду «Добро пожаловать, наш Господин»>.>

Свойство font-family

Описание

CSS свойство позволяет указать шрифт текста, который будет использован внутри элемента. Существует два способа указать шрифт для использования:

  • (имя шрифта) — название определённого шрифта из какого-нибудь семейства шрифтов, например: , , , и т.д. Если название шрифта содержит пробелы, оно должно быть заключено в одиночные или двойные кавычки, например: .
  • (семейство шрифтов) — набор шрифтов, обладающих общими характеристиками. Следующие семейства шрифтов по умолчанию доступны в любой операционной системе: , , , , .

Описание стандартных семейств шрифтов:

  • — шрифты с засечками
  • — шрифты без засечек
  • — представляют собой шрифты с большим количеством плавных красивых элементов оформления и всевозможных завитушек — это попытка повторить на компьютере рукописный текст
  • — художественные и декоративные шрифты
  • — моноширинные шрифты, все символы которых имеют одинаковую фиксированную ширину

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

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

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

Чаще всего при указании свойства , используют «безопасные» (стандартные) Web-шрифты.

Чтобы на сайте отображался выбранный вами нестандартный шрифт для текста, который с высокой вероятностью будет отсутствовать у большинства пользователей, нужно совместно со свойством использовать правило @font-face.

Значение по умолчанию: зависит от браузера
Применяется: ко всем элементам
Анимируется: нет
Наследуется: да
Версия: CSS1
Синтаксис JavaScript: object.style.fontFamily=»arial,sans-serif»

Проблема различения внешне похожих цифр и букв

Ряд цифр и букв имеют внешне схожее начертание,
малоразличимое при небольшом размере шрифта.
Например, цифры «0», «1» и буквы
«О», «l» (L).
Это является серьёзной проблемой, особенно в тех случаях,
когда необходимо строго однозначное прочтение
символов. К примеру, при записи ручкой на листке бумаги
или печати на принтере своего буквенно-цифрового
пароля. Решением данной проблемы пришлось
заниматься первым программистам и
фонт-дизайнерам (в XX-м веке, в самом начале
компьютерной эры). Давно уже, появились
специальные контрастные шрифты, такие как
Inconsolata, Consolas (системный в OS Windows), Anonymous Pro, Deja Vu Sans Mono и многие другие.
Некоторые из них можно бесплатно скачать по ссылкам с
сайтов их авторов-создателей и с профильных Интернет-ресурсов.
Смотреть пример: http://www.levien.com/type/myfonts/inconsolata.html

Если допускается техническими условиями и
проектным заданием, то вместо цифрового нуля, в
HTML-код ставится
«Ø» (latin capital letter O with stroke, с косым штрихом,
из модификации латинского алфавита для
скандинавских языков —
норвежского и датского), приблизительно похожий,
своим начертанием, на перечёркнутый пополам
нолик. В текстовом редакторе —
такой значок берётся, копируется из таблицы
спецсимволов (Special Character), и вставляется в нужную
позицию в строке. Данный
лайфхак-приём будет полезен, если возникают
сложности с поиском и установкой на девайс
специального фонта. Этот совет позволит
сэкономить время и не перепутать цифру «0»
(zero) с буквой «О» не только на мониторе вашего
ПК, но и на экранах других
устройств, где может не оказаться нужного шрифта.
Такая форма записи, традиционно, применяется при
обозначении на листе бумаги
смешанной, буквенно-цифровой информации,
например, своего пароля, кода доступа

Примечательно, что даже есть шутливое выражение
«», подчёркивающее важность
наличия этого элемента, наделяющего
символ определённым смыслом и значением. Графический вид нуля в разных типах шрифтов —
можно посмотреть и сравнить их изображение на
картинках с помощью специализированного сервиса
на странице сайта: http://www.fileformat.info/info/unicode/char/0030/fontsupport.htm
Рисунок 2

При редактировании и правке текста,
перечёркивание неправильно написанного или
ненужного символа — производится большим косым
крестиком (двумя крест-накрест
перекрещивающимися диагональными штрихами
равной длины)

В текстовом редакторе это
осуществляется средствами форматирования —
сначала выделяется фрагмент, а затем в меню
нажимается последовательность кнопок и
вкладок (Format — Character — Font Effects — Strikethrough) для выбора из
выпадающих списков необходимого эффекта.
Зачёркивание одного или нескольких слов в
строчке или в целом абзаце документа — делается с
помощью горизонтальной одинарной
или двойной линии, достаточной толщины.
Если нужно точно выяснить, что в тексте написано —
буква или цифра, то можно, в режиме поиска на странице, задать
нужный символ и
убедиться, что он будет найден именно там.

Теги HTML

c http-equiv=»Content-Type» content=»text/html;charset=UTF-8″>lass=»block_content scroll»>

  • Все теги
  • Валидация тегов
    • accesskey
    • charset
    • coords
    • download
    • href
    • hreflang
    • name
    • rel
    • rev
    • shape
    • tabindex
    • target
    • title
    • type
  • title

    • align
    • alt
    • archive
    • code
    • codebase
    • height
    • hspace
    • vspace
    • width
    • accesskey
    • alt
    • coords
    • href
    • hreflang
    • nohref
    • shape
    • tabindex
    • target
    • type
    • autoplay
    • controls
    • loop
    • muted
    • preload
    • src
    • href
    • target
    • color
    • face
    • size
  • dir

    • balance
    • loop
    • src
    • volume
    • alink
    • background
    • bgcolor
    • bgproperties
    • bottommargin
    • leftmargin
    • link
    • rightmargin
    • scroll
    • text
    • topmargin
    • vlink
  • clear

    • accesskey
    • autofocus
    • disabled
    • form
    • formaction
    • formenctype
    • formmethod
    • formnovalidate
    • formtarget
    • name
    • type
    • value
    • align
    • valign
    • align
    • char
    • charoff
    • span
    • valign
    • width
    • align
    • char
    • charoff
    • span
    • valign
    • width
    • cite
    • datetime
    • align
    • title
    • align
    • height
    • hidden
    • hspace
    • pluginspage
    • src
    • type
    • vspace
    • width
    • disabled
    • form
    • title
    • color
    • face
    • size
    • accept-charset
    • action
    • autocomplete
    • enctype
    • method
    • name
    • novalidate
    • target
    • bordercolor
    • frameborder
    • name
    • noresize
    • scrolling
    • src
    • border
    • bordercolor
    • cols
    • frameborder
    • framespacing
    • rows
  • align

  • align

  • align

  • align

  • align

  • align

  • profile

    • align
    • color
    • noshade
    • size
    • width
    • manifest
    • title
    • xmlns
    • align
    • allowtransparency
    • frameborder
    • height
    • hspace
    • marginheight
    • marginwidth
    • name
    • sandbox
    • scrolling
    • seamless
    • src
    • srcdoc
    • vspace
    • width
    • align
    • alt
    • border
    • height
    • hspace
    • ismap
    • longdesc
    • lowsrc
    • src
    • usemap
    • vspace
    • width
    • accept
    • accesskey
    • align
    • alt
    • autocomplete
    • autofocus
    • border
    • checked
    • disabled
    • form
    • formaction
    • formenctype
    • formmethod
    • formnovalidate
    • formtarget
    • list
    • max
    • maxlength
    • min
    • multiple
    • name
    • pattern
    • placeholder
    • readonly
    • required
    • size
    • src
    • step
    • tabindex
    • type
    • value
    • cite
    • datetime
    • accesskey
    • for
    • accesskey
    • align
    • title
    • type
    • value
    • charset
    • href
    • media
    • rel
    • sizes
    • type
  • name

    • behavior
    • bgcolor
    • direction
    • height
    • hspace
    • loop
    • scrollamount
    • scrolldelay
    • truespeed
    • vspace
    • width
    • label
    • type
    • charset
    • content
    • http-equiv
    • name
    • high
    • low
    • max
    • min
    • optimum
    • value
    • align
    • archive
    • classid
    • code
    • codebase
    • codetype
    • data
    • height
    • hspace
    • tabindex
    • type
    • vspace
    • width
    • reversed
    • start
    • type
    • disabled
    • label
    • disabled
    • label
    • selected
    • value
  • align

    • name
    • type
    • value
    • valuetype

Типы тегов

HTML5

Блочные элементы

Строчные элементы

Универсальные элементы

Нестандартные теги

Осуждаемые теги

Видео

Документ

Звук

Изображения

Объекты

Скрипты

Списки

Ссылки

Таблицы

Текст

Форматирование

Формы

Фреймы

О символе евро

В разных кодировках символ евро расположен на разных позициях да и вообще бывает он не во всех кодировках:

Кодировка Позиция
cp1250 128
cp1251 136
cp1252 128
cp1253 128
cp1254 128
cp1255 128
cp1257 128
cp1258 128
cp874 128
ISO-8859-1 отсутствует
ISO-8859-2 отсутствует
ISO-8859-4 отсутствует
ISO-8859-5 отсутствует
ISO-8859-7 отсутствует
ISO-8859-9 отсутствует
ISO-8859-11 отсутствует
ISO-8859-15 164
ISO-8859-16 164
KOI8-R отсутствует
KOI8-U отсутствует

Кодировка ISO-8859-1 широко распространена, но не включает знак евро. Если Вам это нужно, самое простое, что можно сделать это использовать cp1252 или ISO-8859-15 вместо этой кодировки, потому что они почти идентичны, но содержат драгоценный символ.
Вместо ISO-8859-2, можно использовать ISO-8859-16, но эта кодировка содержит много различий. Поэтому здесь проще добавить в кодировку этот символ, как описано выше. То же самое верно и для других кодировок.

Ссылка на основную публикацию