Шрифты, HTML-коды / примеры с кодами

В своих постах мы иногда используем разные шрифты (в панели спецкодов их 4),
некоторые используют до десятка-полутора шрифтов, но их намного-намного больше.
Дам вам СПИСОК ШРИФТОВ, где их более 100 и дам коды некоторых примеров.

_ШРИФТЫ + КОДЫ_

Monotype Corsiva <font face="Monotype Corsiva" size="+3" color="Red">ВАШ ТЕКСТ</font> Georgia <font face="Georgia" size="+3" color="SlateBlue">ВАШ ТЕКСТ</font> MS Mincho <font face="MS Mincho" size="+2" color="fuchsia">ВАШ ТЕКСТ</font> Comic Sans MS <font face="Comic Sans MS" size="+3" color="SeaGreen">ВАШ ТЕКСТ</font>

Garamond <font face="Garamond" color="#008B45" style="font-size:40px"><i><b>ВАШ ТЕКСТ</b></i></font> Wingding <font face="Wingding" color="#1E90FF" style="font-size:30px"><i><b>ВАШ ТЕКСТ</b></i></font> Times New Roman <font face="Times New Roman" color="#68228B" style="font-size:30px"><i><b>ВАШ ТЕКСТ</b></i></font> Courier New <font face="Courier New" color="#00FF00" style="font-size:40px"><i><b>ВАШ ТЕКСТ</b></i></font>

_ОБЩИЙ ПРИНЦИП_ Задать размер текста можно двумя способами: отличный от обычного (±1, ±2,..) или размер текста в рх Код цвета можно задавать: буквенным написанием или кодом-HTML

<font face="выбранный ШРИФТ" size="размер ±" color="ЦВЕТ буквенный"> ВАШ ТЕКСТ</font>

<font face="выбранный ШРИФТ" color="ЦВЕТ кодHTML" style="font-size:РАЗМЕРpx">ВАШ ТЕКСТ</font>

Выбрать ШРИФТ можете из таблицы ниже. Скопировав его, вставьте в код вместо слов "выбранный ШРИФТ".

_Список шрифтов для использования в HTML-коде_

---

Обзор шрифтов онлайн и всегда рядом!
 

Хороший онлайн конвертатор шрифтов, прям у вас в блоге и под рукой! Сервис для подбора шрифтов  — позволяет увидеть написание заданной фразы со всеми шрифтами, установленными на вашем компьютере. *** Внизу в окошечке пишите любое для проверки слово и выбираете шрифт и смотрите,как будет выглядеть,копируете и при необходимости вставляете в нужной вам программе. Автоматически показывает сколько у вас шрифтов в системе.

 

Шрифты

Стилевой параметр font позволяет устанавливать несколько параметров одновременно.
font: [font-style || font-variant || font-weight] font-size [/line-height] font-family

font-style: normal | italic | oblique
Определяет начертание шрифта — обычное, курсивное или наклонное. Когда для текста установлено курсивное или наклонное начертание, браузер обращается к системе для поиска подходящего шрифта. Если заданный шрифт не найден, браузер использует специальный алгоритм для имитации нужного вида текста.


<span style="font-style: normal; font-size: 18px;">нормальный текст</span> Нормальный текст
<span style="font-style: italic; font-size: 18px;">Курсив</span> Курсив
<span style="font-style: oblique; font-size: 18px;">Наклоный текст</span> Наклоный текст

font-variant: normal | small-caps
Определяет, как нужно представлять строчные буквы — оставить их без модификаций или делать их все прописными уменьшенного размера. Такой способ изменения символов называется капителью.
<span style="font-variant: normal; font-size: 18px;">нормальный текст</span> Нормальный текст
<span style="font-style: small-caps; font-size: 18px;">Капитель</span> Капитель

font-size: абсолютный размер | относительный размер | значение | проценты
Для задания абсолютного размера используются следующие значения: xx-small, x-small, small, medium, large, x-large, xx-large.
Также разрешается использовать любые допустимые единицы CSS: em (высота шрифта элемента), ex (высота символа х), пункты (pt), пикселы (px), проценты (%) и др. За 100% берется размер шрифта родительского элемента. Отрицательные значения не допускаются.
<span style="font-size: 22px;">Текст 22 пикселя</span> Текст 22 пикселя
<span style="font-size: 2.5em;">Текст 2.5em</span> Текст 2.5em
<span style="font-size: 110%;">Текст 110%</span> Текст 110%

font-family: имя шрифта [, имя шрифта[, ...]]
Любое количество имен шрифтов разделенных запятыми. Универсальные семейства шрифтов:

• serif — шрифты с засечками (антиквенные), типа Times;
• sans-serif — рубленные шрифты (шрифты без засечек или гротески), типичный представитель — Arial;
• cursive — курсивные шрифты;
• fantasy — декоративные шрифты;
• monospace — моноширинные шрифты, ширина каждого символа в таком семействе одинакова.

Когда браузер встречает первый шрифт в списке, он проверяет его наличие на компьютере пользователя. Если такого шрифта нет, берется следующее имя из списка и также анализируется на присутствие.
<span style="font-family: Verdana, Tahoma, Arial, 'Trebuchet MS', Sans-Serif, Georgia, Courier, 'Times New Roman, Serif'; font-size: 18px;">Текст</span> Текст

font-weight: bold | bolder | lighter | normal | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900
Устанавливает насыщенность шрифта. Значение устанавливается от 100 до 900 с шагом 100. Сверхсветлое начертание, которое может отобразить браузер, имеет значение 100, а сверхжирное — 900. Нормальное начертание шрифта (которое установлено по умолчанию) эквивалентно 400, стандартный полужирный текст — значению 700.
Насыщенность шрифта задается с помощью ключевых слов: bold — полужирное, bolder — жирное; lighter — светлое, normal — нормальное начертание. Также допустимо использовать условные единицы от 100 до 900.

<span style="font-weight: 100; font-size: 18px;"> 100 </span> 100
<span style="font-weight: 200; font-size: 18px;"> 200 </span> 200
<span style="font-weight: 300; font-size: 18px;"> 300 </span> 300
<span style="font-weight: 400; font-size: 18px;"> 400 </span> 400
<span style="font-weight: 500; font-size: 18px;"> 500 </span> 500
<span style="font-weight: 600; font-size: 18px;"> 600 </span> 600
<span style="font-weight: 700; font-size: 18px;"> 700 </span> 700
<span style="font-weight: 800; font-size: 18px;"> 800 </span> 800
<span style="font-weight: 900; font-size: 18px;"> 900 </span> 900

Генератор ШрИфТы ОнЛаЙн

Различным текстом можно писать на этом сервере, не нужен фотошоп. Быстро и легко! Можно писать как на русском, так и на английском языке (копируете код и к себе в дневник). Просто пройдите: вот Сюда! Также можно сделать аватар со своей подписью, ЮЗЕРБАР..
А также разные линеечки:
Для этого загляните уже СЮДА!