Если вместо символов на экране компьютера, в тексте видны прямоугольники или «кракозябры» - значит, в операционной системе не установлен, отсутствует UTF-шрифт.
Инструкция по настройке >>


В языке HTML применяются два способа вывода спецсимволов: по номеру в таблице (десятеричному или шестнадцатеричному) или с помощью мнемонического имени символа ( Escape-последовательности из символьных элементов, ссылки-мнемоники, например, греческая буква альфа - α )

Таблица символов - как вставить графический значек Юникод в текст
Рис.1
Так можно напечатать типографские символы, отсутствующие на компьютерной клавиатуре, например:
§ - значёк "параграф", его 16-ный код (U+00A7, HTMLкод §  мнемоника §) находится слева снизу в таблице символов операционной системы Windows (рисунок 1), а десятичный - показан справа и равен 167. В окне текстового редактора его можно набрать комбинацией клавиш Alt + 0167 (добавляя ноль, цифрами в правой цифровой панели; в ноутбуке - с нажатой спец.кнопкой Fn или включив NumLk). Знак будет показан и без "плюса". На калькуляторе ПК, переключив его в инженерный вид, есть возможность пересчитать коды из шестнадцатеричного в десятеричный и обратно (набрав число и переключив на другую систему счисления - Hex/Dec). Мнемоники чувствительны к регистру и должны всегда указываться в нижнем регистре клавиатуры.

// В таблице символов, если включить там "дополнительные параметры просмотра" - можно воспользоваться режимом поиска, введя в окошке  П о и с к  буквальное название (одно слово) значка, например:  "Sun"  или  "Su"  (то есть, солнце, фигура в виде круга с лучами или с точкой посередине). Для поиска знаков с двумя точками сверху (с умляутом / диерезой) - поисковый ключ "dia", с угловой скобкой наверху (с циркумфлексом) - "circu". В итоге, программа найдёт, по фильтру, все подходящие к запросу символы.

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

Примеры значков и спецсимволов, получаемых с помощью комбинации клавиш Альт + число (с правой панели цифр) и копированием из таблицы символов:

  —  широкое тире, Alt+0151

  –  узкое n-тире, Alt+0150

 …   многоточие, Alt+0133

 °   Альт+248 (знак градуса в географических координатах широты и долготы определяемого места на картах Гугла).

  Alt+1 = ☺    Alt+2 = ☻    Alt+3 = ♥    Alt+7 = •    Alt+15 = ☼

‮ ‬ - открывающий и закрывающий спецсимволы для переворачивания (посимвольного) текста html-страницы с прямого в обратный порядок (эффект зеркального отражения, инверсия в пределах параграфа).  ‫ - переставляет целиком слова, наоборот.

« »  левая и правая типографская кавычка-ёлочка, Alt+0171 (ссылка-мнемоника - «) и Alt+0187 (»).

  ́   - значёк "главное ударение". Ставится перед "ударной" буквой. Можно выбрать, скопировать из "Таблицы символов" (шестнадцатеричный код U+0301, HTMLкод ́ или ́ - после буквы) и вставить в нужную позицию в окне текстового редактора или в окошке для создания сообщения в любой социальной сети (в livejournal.com надо, сначала, переключиться, с помощью угловой кнопки, в режим HTML). Прим́ер – Прим́ер.

Знак & (амперсанд) - обязательно ставится перед кодом. Текстовый файл сохраняется в кодировке UTF-8 / Юникод.

Путь в интерфейсе Виндовс: Пуск -> Все программы -> Стандартные -> Служебные -> Таблица символов.

Ударные гласные:
á - á
Á - Á
é - é
É - É
ó - ó
Ó - Ó
ú - ú
ý - ý

Эти символы для ника можно копировать прямо из строчки:
. Знак инь-янь  ☯
. Колесо дхармы  ☸
. Православный крест (Orthodox Cross)   ☦ 
. Символы гороскопа   ♈ ♉ ♊ ♋ ♌ ♍ ♎ ♏ ♐ ♑ ♒ ♓
. Против войны и применения оружия, за мир  ☮
. Виктория  ✌
. Греческий крест (объёмный, трёхмерный - состоит из трёх, взаимно ортогональных, перекладин)  ✚ ✙
. Кадуцей (лат. caduceus, жезл Гермеса / Меркурия) ☤

. Стрелки, указатели (вверх и вниз, влево и вправо), галка жирная и галочка тонкая   ≪ ◁ ◅ ◄ ← ⇐ ◆ ◇ ◊ ● ◈ ➢ ➔ ➜ ➟ ⇒ → ► ▻ ▷ ≫   ↖  ↑  ↓  ↗   ↘   ↙   ↺   ↻ ⇉ ⇇ ✔ ✓ ☑ ↩ ♻
. Череп и кости, как на пиратском флаге  ☠
. Значек фазы (аргумента гармонической функции), нейтрали ("нуля") и "земли": φ N ┴
. Звёзды, снежинки и солнце с лучами  ✦ ✯ ☆ ✡ ✱ ✶ ★ ✰ ✪ ✭ ✮ ❄ ❅ ❆ ❂ ☀ ☼
. Символ планеты Венеры (женский знак) и Марса (мужской)  ♀ ♂
. Шахматные фигуры для ников   ♕ ♖ ♗ ♘ ♙ ♚ ♛ ♜ ♝ ♞ ♟
. Символьные значки в виде лютиков-цветочков (пяти-, шести- и восьми-лепестковые)  ✿ ❀ ✾ ❁
. Погодные символы (солнце на небе, облако / пасмурно, зонтик от дождя, идёт снег):   ☀ ☁ ☂

. Знак российского рубля как спецсимвол:  ₽ ( Юникод: U+20BD )
. Серп и молот  ☭
. Валюта иностранная (знаки евро, доллара, фунта, цента, юаня и иены)    €  $   £  ¢  ¥
. Латинские, католические крестики  ✝ ✞ ✟
. Закрашенный символ телефона   ☎
. Короны (царские, королевские) ♔ ♕ ♚ ♛
. Эффекты переворачивания и зеркального отражения букв кириллицы и латиницы:
ʁ є q ʎ ʟ ɔ d m w v ʞ ǝ ɐ ɘ Һ ʇ ɹ ɯ
Смотреть остальные символы в таблице >>

Интернет-страницы в кодировке UTF-8 - сохраняются без метки порядка байтов (BOM, byte order mark; их можно увидеть, если переключиться в режим "hex mode"). Перекодировать можно с помощью текстового редактора notepad++. Обычный "блокнот" для этих целей не подходит.

Если основная кодировка сайта (или отдельного каталога) - windows-1251, но для отдельных страниц нужен именно Юникод, то в файле.htaccess им персонально назначается нужный charset с помощью директивы <Files>:

AddDefaultCharset windows-1251   # дефаултная кодировка в каталоге и его подкаталогах.
<Files "^test-1.html$|^test-2.html$">
AddCharset UTF-8.html   # переопределение кодировки
</Files>
Информация из HTTP-заголовков (задаваемая с помощью.htaccess или "php header") - приоритетнее чем метатеги <meta http-equiv="Content-Type" content="text/html; charset=utf-8">, но при их несовпадении, чтобы прочитать текст вэб-страницы, может потребоваться вручную переключить кодировку в настройках браузера.

Все графические символы собраны в наборе единой универсальной системы Юникод, где каждому конкретному значку присвоен уникальный табличный номер-код, отдельно для разных типов (например, если это как сделать перечёркивание прописная или строчная буква) и атрибутов (к примеру, слева направо или справа налево и т.д.)

Коды в стандарте Юникод разделены на несколько блоков (наборов, областей, секций).
Полные списки:
www.fileformat.info/info/unicode/block/index.htm
Часть кодов зарезервирована для использования в будущем.

В новых стандартах кодирования символов, для совместимости со старыми 16-битными системами - первые 65 536 позиций идентичны им, за исключением интервала U+D800 - U+DFFF.
В UTF-16 можно отобразить, максимально - 1 112 064 символов (диапазон кодов от 0x000000 до 0x10FFFF). В навороченных фонтах, содержащих много заполненных секций, это сказывается на размере файла шрифта, который может превышать и двадцать и тридцать мегабайт занимаемого дискового пространства, что сильно замедляет работу компьютерных программ и мобильных приложений.

Последняя действующая версия, на данный момент (2014-й год) - список шрифтов в стандарте Unicode 7.0
www.unicode.org/versions/latest/ (официальный сайт Консорциума Юникода).

Подробнее читайте в вики: http://ru.wikipedia.org/wiki/Свободные_универсальные_шрифты

Различные кодировки символов - переключаются в настройках Интернет-браузеров и компьютерных программ. Для кириллицы: в почте используется KOI8-Р, в HTML-коде интернет страниц - Windows-1251 или UTF-8.

<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
или <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
- они должны соответствовать тегу "charset" в заголовке HTTP, передаваемом сервером.

Если не совпадает кодировка или в шрифтовых гарнитурах, установленных на компьютере, нет в наличие каких-либо глифов символов, то в тексте - вместо них будет виден пустой квадрат / прямоугольник с вопросом или «кракозябры».


Сводная таблица специальных символов HTML

Значёк можно выделить и скопировать спец. символ прямо с этой таблицы (из левой колонки).
После последней цифры числового кода - ставится точка с запятой.

Символ  Мнемоника Десятичный 
html-код Описание, дополнительная информация, примеры
Знаки арифметических и математических операций
Знаки валют

Маркеры


Кавычки
Стрелки
Звездочки, снежинки
Часы, время
  &nbsp; &#160; неразрывный пробел (исключает перенос слов и символов, между которыми он стоит).
&thinsp; &#8201; узкий пробел. Пример: "Дело было в Интернет'е".
&ensp; &#8194; обычный пробел (шириной в букву n).
&emsp; &#8195; широкий пробел (em-шириной в букву m). Пример: "Дело было в Интернет'е"
- &#45; минус, дефис
&ndash; &#150; узкое тире (en-тире), &#8211;
&mdash; &#151; широкое тире (em-тирэ), &#8212;
­ &shy; &#173; мягкий перенос (место возможного переноса). В рабочей области браузера отображается в виде дефиса, только при переносе на следующую строку части слова после символа "мягкого переноса"). Рекомендуется заключать слова, содержащие дефисы, в тег nobr (запрет автоматического перехода текста на новую строку).
а́   &#769; главное ударение ("акут", его рисуют /-образно). Код ставится перед "ударной" буквой)
'   &#39; апостроф (надстрочная запятая). Пример: "Дело было в Интернет'е"
ǀ   &#448; вертикальная черта
ǁ   &#449; двойная вертикальная черта
/   &#47; слеш
&#9001; угловая скобка влево
&#9002; угловая скобка вправо
{
}
  &#x007B;
&#x007D;
фигурная открывающая и закрывающая скобка. Их можно получить, набрав на клавиатуре с помощью комбинации клавиш Alt + 0123 и Alt+ 0125 или специальными кнопками, в верхнем регистре латинской раскладки (включив Caps Lock или нажав Shift).
© &copy; &#169; копирайт («знак авторского права»).
® &reg; &#174; знак зарегистрированной торговой марки
&trade; &#8482; знак торговой марки
º &ordm; &#186; копье Марса
ª &ordf; &#170; зеркало Венеры
&permil; &#8240; промилле
π &pi; &#960; число пи (используйте гарнитуру Таймс - шрифт Times New Roman)
¦ &brvbar; &#166; вертикальный пунктир
§ &sect; &#167; параграф
° &deg; &#176; градус
  &#8490; до 1968 года именовался градусом Кельвина, ° К
µ &micro; &#181; знак "микро"
&para; &#182; знак абзаца
&hellip; &#8230; Alt+0133 многоточие…
&oline; &#8254; надчеркивание. При‾мер
´ &acute; &#180; знак главного ударе´ния ("акут", его рисуют /-образно)
  &#8470; знак номера
× &times; &#215; умножить
÷ &divide; &#247; разделить
< &lt; &#60; меньше; открывающая скобка HTML-тегов
> &gt; &#62; больше
± &plusmn; &#177; плюс/минус
² &sup2; &#178; степень 2. Пример: 2²
³ &sup3; &#179;
степень или номер сноски, дальше, следующие числа -
с помощью тега  <sup> 4 </sup>...
¬ &not; &#172; отрицание
¼ &frac14; &#188; одна четвертая
½ &frac12; &#189; одна вторая
¾ &frac34; &#190; три четверти
 frasl; &#8260; дробная черта
 minus; &#8722; минус.
&le; &#8804; меньше или равно.
&ge; &#8805; символ "больше или равно".
&asymp; &#8776; приблизительно (почти) равно.
&ne; &#8800; не равно.
&equiv; &#8801; тождественно
&radic; &#8730; квадратный корень (радикал)
&sum; &#8721; знак суммирования.
&prod; &#8719; знак произведения
&part; &#8706; частичный дифференциал
&int; &#8747; интеграл
&forall; &#8704; для всех (видно только если жирным шрифтом)
&exist; &#8707; существует
&empty; &#8709; пустое множество (перечёркнутый круг).
&infin; &#8734; знак бесконечности.
Ø &Oslash; &#216; диаметр.
&isin; &#8712; принадлежит.
&notin; &#8713; не принадлежит.
&ni; &#8727; содержит.
&sub; &#8834; является подмножеством.
&sup; &#8835; является надмножеством.
&nsub; &#8836; не является подмножеством.
&sube; &#8838; является подмножеством либо равно.
&supe; &#8839; является надмножеством либо равно.
&oplus; &#8853; плюс в круге
&otimes; &#8855; знак умножения в кружке
&perp; &#8869; перпендикулярно
&ang; &#8736; угол
&and; &#8743; логическое И
&or; &#8744; логическое ИЛИ
&cap; &#8745; пересечение
&cup; &#8746; объединение
&euro; &#8364; Евро (Euro)
$   &#x0024; Доллар (Dollar)
¢ &cent; &#162; Цент
£ &pound; &#163; Фунт
¤ &current; &#164; Знак валюты.
¥ &yen; &#165; Знак йены и юаня
ƒ &fnof; &#402; Знак флорина
· &middot; &#183; · средняя точка
&bull; &#8226; • простой маркер (жирная точка, буллет).
  &#9675; ○ круг.
    знак радиации (опасность радиоактивного заражения и ионизирующего излучения).
    Международный символ биологической опасности («Biohazard», трехсторонний знак из пересекающихся окружностей, на фоне ярко-оранжевого цвета).
  &#8224; "типографский крестик" для обозначения на различных картах местоположения церквей.
  &#8225; двойной крестик
&spades; &#9824; пики
&clubs; &#9827; трефы
&hearts; &#9829; червы
  &#9753; сердечко с вензелем
&diams; &#9830; бубны
&loz; &#9674; ромб
■ □     квадрат закрашенный и незакрашенный (контурный).
▣ ▱     вписанный прямоугольник и горизонтальный ромб.
    пирамидка
  &#9999; карандаш
  &#9998; карандаш
  &#10000; карандаш
  &#9997; рука
" &quot; &#34; двойная кавычка ("правильная" для HTML-кода, как и одинарная - ' )
& &amp; &#38; амперсанд
« &laquo; &#171; левая типографская кавычка (кавычка-елочка).
» &raquo; &#187; правая типографская кавычка (кавычка-елочка).
  &#8249; одиночная угловая кавычка открывающая.
  &#8250; одиночная угловая кавычка закрывающая.
&prime; &#8242; штрих (минуты, футы).
&Prime; &#8243; двойной штрих (секунды, дюймы)
&lsquo; &#8216; левая верхняя одиночная кавычка.
&rsquo; &#8217; правая верхная одиночная кавычка.
&sbquo; &#8218; правая нижняя одиночная кавычка.
&ldquo; &#8220; кавычка-лапка левая.
&rdquo; &#8221; кавычка-лапка правая верхняя.
&bdquo; &#8222; кавычка-лапка правая нижняя.
  &#10075; одиночная английская кавычка открывающая.
  &#10076; одиночная англ. кавычка закрывающая.
  &#10077; двойная английская кавычка открывающая.
  &#10078; двойная английская кавычка закрывающая.
&larr; &#8592; стрелка влево
&uarr; &#8593; стрелка вверх
&rarr; &#8594; стрелка вправо
&darr; &#8595; стрелка вниз
&harr; &#8596; стрелка влево и вправо
  &#8597; стрелка вверх и вниз
&crarr; &#8629; возврат каретки
&lArr; &#8656; двойная стрелка влево
&uArr; &#8657; двойная стрелка вверх
&rArr; &#8658; двойная стрелка вправо
&dArr; &#8659; двойная стрелка вниз
&hArr; &#8660; двойная стрелка влево и вправо
  &#8661; двойная стрелка вверх и вниз
  &#9650; треугольная стрелка вверх
  &#9660; треугольная стрелка вниз
  &#9658; треугольная стрелка вправо
  &#9668; треугольная стрелка влево
  &#9731; Снеговик, значёк, обозначающий зиму и снег
  &#10052; Снежинка, новогодний символ.
  &#10053; Контурная снежинка.
  &#10054; Жирная остроугольная снежинка
  &#9733; Закрашенная звезда.
  &#9734; Незакрашенная звезда
  &#10026; Незакрашенная звезда в закрашенном круге.
  &#10027; Закрашенная звезда с незакрашенным кругом внутри
  &#10031; Вращающаяся звёздочка.
  &#9885; Начерченная белая звезда
  &#9898; Средний незакрашенный круг
Ø &Oslash; &#x00D8; Спец. символ, в качестве замены перечёркнутого нолика
  &#9899; Средний закрашенный круг
  &#9913; Секстиле (типа снежинка)
  &#10037; Восьмиконечная вращающаяся звезда
  &#10057; Звёздочка с шарообразными окончаниями
  &#10059; Жирная восьмиконечная каплеобразная звёздочка-пропеллер
  &#10042; Шестнадцатиконечная звёздочка
  &#10041; Двенадцатиконечная закрашенная звезда
  &#10040; Жирная восьмиконечная прямолинейная закраш. звездочка.
  &#10038; Шестиконечная закрашенная звезда
  &#10039; Восьмиконечная прямолинейная закрашенная звезд.
  &#10036; Восьмиконечная закрашенная звезда
  &#10035; Восьмиконечная звёздочка.
  &#10034; Звёзда с незакрашенным центром.
  &#10033; Жирная звёздочка
  &#10023; Заострённая четырёхконечная незакрашенная звезда.
  &#10022; Заостренная четырёхконечная закрашенная звезда
  &#9055; Звезда в круге
  &#8859; Снежинка в круге
  &#8986; Часы.
  &#8987; Песочные часы
  &#9835; Звук будильника

Ноты:
♩   &#9833;
♪   &#9834;
♫   &#9835;
♬   &#9836;
♭   &#9837; бемоль.
♮   &#9838; бекар.
♯   &#9839; диез.

Греческий алфавит


строчные прописные описание
α &alpha; Α &Alpha; альфа
β &beta; Β &Beta; бета
γ &gamma; Γ &Gamma; гамма
δ &delta; Δ &Delta; дельта
ε &epsilon; Ε &Epsilon; эпсилон
ζ &zeta; Ζ &Zeta; дзета
η &eta; Η &Eta; эта
θ &theta; Θ &Theta; тета
ι &iota; Ι &Iota; йота
κ &kappa; Κ &Kappa; каппа
λ &lambda; Λ &Lambda; лямбда
μ &mu; Μ &Mu; мю
ν &nu; Ν &Nu; ню
ξ &xi; Ξ &Xi; кси
ο &omicron; Ο &Omicron; омикрон
π &pi; Π &Pi; пи
ρ &rho; Ρ &Rho; ро
σ &sigma; Σ &Sigma; сигма
ς &sigmaf; ок.сигма
τ &tau; Τ &Tau; тау
υ &upsilon; Υ &Upsilon; ипсилон
φ &phi; Φ &Phi; фи
χ &chi; Χ &Chi; хи
ψ &psi; Ψ &Psi; пси
ω &omega; Ω &Omega; омега

Машинная псевдографика

ASCII-art (машинная псевдографика) - необычная форма изобразительного искусства, использующая, как правило, символы из первой группы базовой латиницы в таблице ASCII, для визуального представления изображений с помощью значков текста на экране компьютерного терминала или на принтерной распечатке. ASCIIart, в форме машинной каллиграфии, появилась в конце прошлого тысячелетия (тогда, зачастую, она чем-то напоминала древнюю клинопись или какую-нибудь наскальную живопись), вместе с первыми электронно-вычислительными машинами, и была особенно популярной в среде первобытно-айтишных компьютерщиков. К настоящему времени, множество старых произведений ASCIIarts стало, практически, классикой жанра компьютерной графики.
Современным развитием данного вида искусства являются различные его вариации (TwitterArt и другие), широко распространённые, в основном, в социальных сетях. Для расширения графических возможностей - используются символы Unicode. Варианты реализации ограничены только фантазией художника, набором символов и техническими возможностями - бывают чёрно-белые и цветные картинки, контурные и полностью закрашенные, заполненные по всему объёму и т.д.
Basic Latin (первый блок стандарта Юникод - заглавные и строчные буквы латинского алфавита, а так же цифры, знаки пунктуации и другие символы ASCII-кодировки) присутствует во многих стандартных шрифтах, в том числе и с национальной локализацией фонта, поэтому, образ передаётся более-менее одинаково и с минимальными искажениями, независимо от типа устройства, установленной операционной системы и браузера. ASCII-картинка рисуется вручную или создаётся с помощью специальных программ (art-generators).
ASCII-art часто используется при виртуальном общении в Интернете пользователями соцсетей (Вконтакте, Одноклассники и другие) и посетителями форумов, при оформлении интернет-блогов, электронных писем и дневников. Данный приём, наряду с применением обычных графических смайликов, даёт возможность живо выразить свои чувства и эмоции, быстро и оригинально передать в тексте и какую-нибудь дополнительную информацию.
Пример забавной символьной картинки, нарисованной с помощью псевдографики (изображения, созданные с помощью различных символов, комбинаций цифр, знаков пунктуации и букв клавиатуры, в ASCII или ANSI кодировке) или, как ещё она называется, ascii-art:

___(__C'>  - однострочная картинка (мышка, вид сбоку).
  О=О
   \"/   - трёхстрочная ascii-графика (прикольный портрет крысы или лисы).
     `

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

Ряд цифр и букв имеют внешне схожее начертание, малоразличимое при небольшом размере шрифта. Например, цифры "0", "1" и буквы "О", "l" (L). Это является серьёзной проблемой, особенно в тех случаях, когда необходимо строго однозначное прочтение символов. К примеру, при записи ручкой на листке бумаги или печати на принтере своего буквенно-цифрового пароля. Решением данной проблемы пришлось заниматься первым программистам и фонт-дизайнерам (в XX-м веке, в самом начале компьютерной эры). Давно уже, появились специальные контрастные шрифты, такие как Inconsolata, Consolas (системный в OS Windows), Anonymous Pro, Deja Vu Sans Mono и многие другие. Некоторые из них можно бесплатно скачать по ссылкам с сайтов их авторов-создателей и с профильных Интернет-ресурсов.
Смотреть пример:
http://www.levien.com/type/myfonts/inconsolata.html
Если допускается техническими условиями и проектным заданием, то вместо цифрового нуля, в HTML-код ставится Юникод-символ "&#x00D8;" (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) для выбора из выпадающих списков необходимого эффекта. Зачёркивание одного или нескольких слов в строчке или в целом абзаце документа - делается с помощью горизонтальной одинарной или двойной линии, достаточной толщины.
Если нужно точно выяснить, что в тексте написано - буква или цифра, то можно, в режиме поиска на странице, задать нужный символ и убедиться, что он будет найден именно там.

ПРИЛОЖЕНИЯ

Приоритетный список имён семейства шрифтов (font-family, гарнитуры) - эквивалентные фонты, похожие по основным параметрам. Правильный подбор обеспечивает одинаковое отображение в разных операционных системах (Windows, Mac OS, Unix/Linux), не зависимо от их версии (и в старых и в новых релизах) и на различных устройствах.

Пример универсальных значений (наборов, включающих в себя "приоритетный список имён семейства шрифтов", поддерживающих кириллицу и/или "названия родовых семейств") для at-правила @font-face или дескриптора font-family:

Arial, Helvetica, sans-serif, "Nimbus Sans L"
"Arial Black", Gadget, sans-serif
"Comic Sans MS", cursive
"Courier New", Courier, monospace
Georgia, serif, "Century Schoolbook L"
Impact,Charcoal, sans-serif
"Lucida Console", Monaco, "Nimbus Mono L", monospace
"Lucida Sans Unicode", "Lucida Grande", sans-serif
"Palatino Linotype", "Book Antiqua", Palatino, serif
Tahoma, Geneva, sans-serif
"Times New Roman", Times, serif, "Nimbus Roman No9 L"   - гарнитура «Таймс»
"Trebuchet MS", Helvetica, sans-serif
Verdana, Geneva, sans-serif, "DejaVu Sans"
Symbol
Webdings
Wingdings, "Zapf Dingbats"
"MS Sans Serif", Geneva, sans-serif
"MS Serif", "New York", serif
CSS font stacks (complete of web safe collection):
http://cssfontstack.com/
- оптимальные наборы для компромиссной замены основного фонта, при его отсутствии в системе.


Родовые (общие) семейства / категории, гарнитуры шрифтов (font-family - схожие по внешним свойствам):
Семейство 'serif' (с засечками на концах; брусковые - с постоянной толщиной линий, антиква - с переменной): Times New Roman, Garamond, Georgia.
Гарнитура 'sans-serif' (без засечек, гротески): Arial, Verdana, Univers, Futura, Helvetica, Microsoft / MS Sans Serif, Tahoma, Lucida Sans Unicode
fantasy (декоративные, художественные);
cursive / script ('скоропись', глифы частично или полностью соединяются, что напоминает письмо от руки или кистью).
monospace (Monospaced / Monowide fonts, non-proportional) моноширинные шрифты, то есть - с буквами одинаковой ширины, как на старой печатающей машинке; применяются в тех случаях, когда требуется полное совпадение колонок и знаков по ширине набора, например - для листинга программ.
Современные браузеры хорошо понимают логические (смысловые, т.е. сообщающие о типе информации) стили форматирования, в которых экранное представление текста в окне браузера, может быть переопределено с помощью таблиц CSS. Например, в зависимости от тега, текст, выводимый одинаковым моноширинным шрифтом, может обозначать и фрагмент исходного кода программы (<CODE>) и результат его работы (<SAMP>). Менее распространённый тег <KBD> (keyboard) применяется, иногда, для обозначения текстов, которые нужно набирать на клавиатуре (ссылки на Интернет-адреса, параметры настроек, коды доступа в свой аккаунт на сайте или в интерфейс программы, слова-образцы для заполнения полей форм и так далее) или для указания названий клавиш в компьютерной документации. В современных руководствах, применение устаревшего элемента <TT> (телетайп) физического форматирования для задания фиксированной ширины символов - не рекомендуется.

http://en.wikipedia.org/wiki/Samples_of_monospaced_typefaces
- там на образцах (Example 2,3) видно, где с засечками, и где без них.

Пример CSS:

PRE { font-family: monospace; font-size: 90% }
или с указанием списка гарнитуры (первый, "основной фонт" - предпочтителен, а последующие, резервные - используются операционной системой, если не найдены первые):
font-family: 'Courier New', Courier, Consolas, Monaco, Inconsolata, 'Lucida Console', 'DejaVu Sans Mono', 'Droid Sans Mono', Everson Mono, Andale Mono, monospace;

// Имена семейств шрифтов, содержащие пробелы - должны заключаться в кавычки.

Фонты свободного стиля - комбинированные.

Стили начертания (font-style): прямой - normal, курсивные - oblique, italic.

Список гарнитуры (font-family - похожие) составляется так, чтобы обеспечить одинаковый вид страницы на различных устройствах, в разных операционных системах и их версиях. Например, гарнитура Таймс ("шериф", то есть с засечками по краям символов) обеспечивается следующим набором шрифтов:
{ font-family: "Times New Roman", Times, serif }

Настройки

Для просмотра этой страницы - понадобится установленный в операционной системе компьютера utf-font (шрифт, содержащий символы Юникод). Например, из наиболее популярных (по рейтингам): бесплатный фонт Free Serif, который можно скачать из Интернет
http://ftp.gnu.org/gnu/freefont/ (рекомендация - желательно выбирать новые версии, из последних выпусков FreeSerif.ttf, woff, otf, в файлах архивов...20120503.zip)
или, что поновее, красивый шрифт DejaVu fonts по ссылке на сайт с полной информацией и дистрибутивом для загрузки – http://dejavu.sourceforge.net/
Другие Unicode-совместимые фонты, с рейтингом по загрузкам (Others Fonts Support for Unicode Symbols) - Symbola, Code2000, Segoe UI Symbol, Quivira, Everson Mono и т.д.
Их можно посмотреть на странице:
www.fileformat.info/info/unicode/block/miscellaneous_symbols/fontsupport.htm
С некоторыми списками фонтов - можно ознакомиться на сайте
http://ru.fonts2u.com/category.html?id=92
После закачки с сайта, извлечения из архива, копирования в каталог C:\WINDOWS\Fonts\ и установки шрифта (Путь: Меню -> Файл -> Установить шрифт) - может понадобиться перезагрузка ПК.

Если слетели шрифты - сделать восстановление системы (для этого должны быть контрольные точки - предыдущие сохранения настроек и файлов). Чтобы не возникало лишних проблем - не надо перегружать папку C:\WINDOWS\Fonts ненужными шрифтами, там должны быть только системные и нужные для работы в данный момент времени.

Под новые файлы выделяется отдельный каталог на диске. Для их просмотра, сортировки и тестирования - необходимо пользоваться специально созданными для этого программами: Extensis Suitecase, Adobe Type Manager, Fontexpert и т.д. Для конвертации (Font Conversion Utility), преобразований, восстановления сбитых таблиц – программки ФонтЛаб и TransType Pro (если возникают проблемы совметимости с Word 2013, Excel, Photoshop и т.п.)

Онлайн-конверторы, имеющие дополнительные функции по оптимизации: www.font2web.com и "шрифтовая белка"
http://onlinefontconverter.com/
www.fontsquirrel.com/fontface/generator (похоже, что этот сервис стал платным, "за не дорого")

Подробнее о подключении и совместимости смотрите гиперссылки в вики:
http://ru.wikipedia.org/wiki/Шрифты,_поддерживающие_Юникод

Другие продукты, в рамках Свободного программного обеспечения:
http://ru.wikipedia.org/wiki/Свободные_универсальные_шрифты


Old Standard - поддерживает знаки исторической кириллицы (включая впервые добавленные в Unicode 5.1) и таким образом может использоваться для набора текстов, содержащих фрагменты на старославянском, церковнославянском и подобных языках. Задумывался как многоязычный шрифт для исследовательских работ в области библеистики и классической филологии. Есть поддержка технологии Graphite, позволяющей просто и эффективно использовать лигатуры. Гарнитура Theano получила первоначальную поддержку кирилицы, изначально она ориентировалась для набора только греческих текстов.
Скачать Old Standard 2.2 & Theano 2.0 Fonts
http://openfontlibrary.org/font/old-standard
https://packages.qa.debian.org/t/ttf-oldstandard.html

Свободные (есть бесплатные) кириллические шрифты и их авторы / соавторы:
Computer Modern Cyrillic - Н.Глонти и А.Самарин (TeX, Type1)
DejaVu (TTF)
URWCyr - Валентин Филиппов (X11)
Old Standard - Александр Крюков (TTF, OTF).
Computer Modern Unicode Andrey V.Panov (TTF, OTF).
Linux Libertine & Linux Biolinum (OTF).
Liberation (TTF).
Charis SIL Font (OTF).
Uralic fonts (TTF)

Поиск шрифта по образцам и загрузка:

www.urbanfonts.com/free-fonts.htm - каталог с рейтингом и свободной закачкой шрифтов (все категории, в том числе и художественные, с возможностью download).
«Шрифтохранилища», откуда некоторые фонты можно скачать бесплатно:
www.fontsquirrel.com
typekit.com и fontdeck.com
gliphmaker.com/htms/fonts%20A1.html - коллекции красивых художественных шрифтов и практические руководства по установке фонтов в разных операционных системах.
paratype.ru/store/webfonts.asp - платные гарнитуры наборного русского шрифта от фирмы ПараТайп.

Где можно искать определённые символы Юникода (поиск значка по HEX-номеру из таблицы):
www.fileformat.info/info/unicode/char/search.htm


Сервисы-анализаторы ("автоматические распознавалки", OCR) для точной идентификации шрифта по картинке или поиска гарнитур, одинаковых по начертанию.

WhatTheFont или Whatfontis.com – эти сайты помогут узнать название неизвестного фонта. Туда надо загрузить, со своего компьютера или по указанной ссылке, изображение хорошего качества (чёрно-белое, в формате GIF, JPEG, TIFF, BMP, символы разделены, фон однотонный) с увеличенным фрагментом текста. До 4 символов, букв или цифр (без кириллических, на латинице) - вполне достаточно для распознания и определения похожих шрифтов. Там можно искать и по имени - ввести название шрифта и выбрать из, автоматически полученного списка, его аналоги. Если не нашли, то можно спросить на тематических дизайнерских форумах, добрые люди помогут. Чтобы найти free-версии - выбирать в интерфейсе вариант поиска "Display only free fonts or free alternative fonts" (Отобразить только бесплатные шрифты или бесплатн. альтернативные). С помощью этих сервисов - есть возможность автоматически подобрать аналоги системного шрифта (стандартные фонты могут отличаться в разных версиях). Их замена на похожие из числа оригинальных – актуальна в дизайне, при подготовке материала к печати в типографии.

Образец изображения символов – вырезают из скрина экрана или рабочего окна (скриншот кнопками Alt + Print Screen / PrtSc в верхнем ряду клавиатуры).

new.myfonts.com/WhatTheFont/ – онлайн-сервис, распознавалка шрифтов (не распознаёт рукописный текст и нет кириллицы) на картинке–имидже, в формате PNG, GIF или JPG

www.onlineocr.ru – российский Online OCR сервис. Языки распознавания: english, brazilian, bulgarian, byelorussian, catalan, croatian, czech, danish, dutch, estonian, finnish, french, german, greek, hungarian, indonesian, italian, latin, latvian, lithuanian, moldavian, polish, portuguese, romanian, russian, serbian, slovak, slovenian, spanish, swedish, turkish, ukrainian.

ABBYY FineReader – офлайновая программа для компьютера, которая по картинке, логотипу или с отсканированного текста (полиграфия или принтерная распечатка), автоматом определяет гарнитуру и делает подстановку наиболее подходящего фонта, с последующим сохранением документа в нужном выходном формате (Adobe PDF, MS Word doc / docx, Excel xls, Html или Rtf). Символы на изображении должны быть без наложения, с чёткими краями и однородным фоном. Рабочий Fine Reader можно найти на CD-диске с драйверами к сканеру. Похожая программа – OCR CuneiForm (может распознавать смешанный русско-английский текст, любые полиграфические и машинописные гарнитуры всех начертаний, за исключением декоративных и рукописных).

Можно и вручную, "на глазок", подобрать нужный шрифт, соответствующий образцу, выбирая из списка коллекций, имеющихся в базе сайта:
www.fontov.net/podbor-shrifta или www.ph4.ru  (внимательнее, там, в общем каталоге, могут встретиться "самодельные" фонты, загруженные зарегистрированными пользователями сайта сервиса).

Безопасные (т.е. одинаково отображаемые в любом браузере, на разных компьютерах) для веб-дизайна шрифты являются предпочтительными для применения на Интернет-страницах и при создании электронных документов, которые должны отображаться одинаково на разных компьютерах.

Безопасными шрифтами называются: Arial, Courier, Courier New, MS Sans Serif, Symbol, Times New Roman.


Некоторые базовые (системные) шрифты в стандартной поставке разных версий Windows - пригодные для WEB-страниц

таблица 2

Название шрифта Win95 Win98 Win2000 WinXP Vista Win7 Win8 Win10
Arial + + + + + + + +
Comic Sans MS - + + + + + + +
Consolas - - - - + + + +
Courier + + + + + + + +
Courier New + + + + + + + +
Lucida Console - + + + + + + +
Lucida Sans Unicode - + + + + + + +
MS Sans Serif + + + + + + + +
Symbol + + + + + + + +
Tahoma - + + + + + + +
Times New Roman + + + + + + + +
Verdana - + + + + + + +

Проблема размытости, мутности текста в новой Windows 10 - может быть решена изменением системных настроек масштабирования и сглаживания (Clear Type).

Основные поисковики (сервисы сайтов Яндекс и Гугл), популярные в Рунете - для текста, вводимого в поисковую строку, применяют удобочитаемые Юникод-шрифты "Arial" и "sans-serif". В последнее время, наблюдается общая тенденция - достаточно увеличенный font-size для полей элементов INPUT, окошка "Поиск", в интерфейсах "первых страниц".


Какие бывают гарнитуры шрифтов?

Если нужно только для набора реферата - бывает достаточно Таймс и Ариал.


Кодовое пространство разделено на 17 «плоскостей» по 65 536 символов:
Плоскость 0 (0000-FFFF): Базовая многоязыковая плоскость (Basic Multilingual Plane, BMP).
Плоскость 1 (10000-1FFFF): Дополнительная многоязыковая плоскость (Supplementary Multilingual Plane, SMP).
Плоскость 2 (20000-2FFFF): Дополнительная иероглифическая плоскость (Supplementary Ideographic Plane, SIP).
Плоскость 3 (30000-3FFFF): Третичная иероглифическая плоскость (Tertiary Ideographic Plane, TIP).
Плоскости 4—13 (40000-DFFFF) не используются.
Плоскость 14 (E0000-EFFFF): Дополнительная плоскость особого назначения (Supplementary Special-purpose Plane, SSP).
Плоскость 15 (F0000-FFFFF) доп. область-A для частного использования (Supplementary Private Use Area-A, SPUA-A).
Плоскость 16 (100000-10FFFF) используется как дополнительная область-B для частного использования (Supplementary Private Use Area-B, SPUA-B).

В Юникоде зарезервировано 1 112 064 позиций символов, из которых сейчас используется свыше 100 000. Первые 256 знакомест совпадают с кодовой таблицей ISO 8859-1 («Латиница-1»).


Веб-шрифты («Web Fonts»)

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

Существуют различные варианты решения данной проблемы. Например, возможна динамическая подгрузка (с сервера, на котором размещён сайт или из сервиса GoogleWebFonts) файлов нужных шрифтов к открываемой веб-странице - через CSS (инлайн-стиль, т.е. внедрённый извне), с помощью правила @font-face, импорта из файла стилей @import или элемента <link>. Только надо учитывать, что дополнительная загрузка многосимвольных гарнитур из сети - может значительно увеличить время открытия страниц сайта. Особенно эта проблема актуальна для мобильных устройств.

В этом смысле, у сервиса динамической подгрузки шрифтов от google.com/fonts - есть преимущества. Загружаемые оттуда фонты - сжаты и кроссбраузерны, то есть, адаптированы, по формату (основные: eot, woff, svg, ttf / otf), к браузеру клиента. При повторном обращении - для внедрения в страницу используются кешированные файлы (длительного срока хранения), что ещё больше ускоряет их подгрузку. Можно определить список шрифтов (font-family), задать ограничения по стилю начертания (font-weight:r,i,b,bi), выбрать национальную раскладку (кириллицу или латиницу) и только определённые символы (например, новые символы, отсутствующие в фонтах, давно установленных и необновляемых на компьютере), занося их, в любом порядке и без разделителя, в переменную "text".
Пример подключения и импорта шрифтов на сайт с Google Fonts API:
<link href='http://fonts.googleapis.com/css?family=PT+Serif: regular,italic,bold,bolditalic| PT+Sans:r,i,b,bi|Open+Sans: 400,400italic,700,700italic&subset=cyrillic,latin&text=☯←abc— ABC→123%D0%B0%D0%B1%D0%B2%D0%90%D0%91%D0%92' rel='stylesheet' type='text/css'>

- в примере формируется файл шрифта для отображения нескольких цифр, спецсимволов (помещены способом copy / paste) и букв русского и латинского алфавита. Стили начертания и насыщенность - указаны несколькими разрешёнными, в рамках данного сервиса, приёмами (с буквальным названием, сокращённый, цифровой и комбинированные). Кириллица, стандартные разделители, зарезервированные символы и часть знаков препинания - кодируются в UTF8 с помощью Escape-механизма URI (конвертирование каждого байта в Hex %xx или %uxxxx, если числовое значение символа больше Dec 255). Возможна сокращённая форма задания параметров для fonts.googleapis.com, например, код "Open+Sans:bi" эквивалентен следующему результату:

@font-face { font-family: 'Open Sans';
font-style: italic;
font-weight: 700;
src: local('Open Sans Bold Italic')...
Имена шрифтов из получаемых файлов с сервиса Google Web Fonts (GWF) - указываются в таблице стилей CSS:
<style>
body { font-family:   'PT Serif', Times; }
h1,h2 { font-family: 'Open Sans', Arial; font-style: italic; font-weight: 700; }
</style>
На момент написания статьи, на рассматриваемом сервисе не удалось найти шрифт с поддержкой символов из таблиц Юникода. Если и на компьютере таковых не имеется, то вместо значков, при открытии Интернет-страницы, будут видны пустые квадратики. Как решение - самостоятельное формирование и подгрузка только нужных наборов ("подмножество шрифта", получаемое путём удаления всех ненужных глифов, и сохранения файла под новым, оригинальным именем), компактных, маленьких по размеру и в нужном формате (woff, ttf, svg или eot). Клиентский браузер загрузит себе только то, что ему подходит из списка @font-face. Например, блок Unicode "Currency Symbols" (знаки валют, включая и текстовый символ рубля  ₽, из диапазона U+20A0 - U+20CF) - может занимать, физически, лишь несколько килобайт дискового пространства (файл '.woff' - примерно, не больше 7 килобайт, при общем количестве символов - около тридцати). Дополнительное сжатие размера - достигается удалением метаданных Font-hinting (хинтинг - это растеризация контуров глифов, для улучшения читабельности). Есть ограничение - чтобы так использовать некоторые шрифты на своём сервере, необходима лицензия.
Конвертация в UTF-8 (characters encoding for URI's) может проводиться скриптом на JavaScript:
www.rishida.net/tools/conversion/
Тестирование кроссбраузерности для каждого из форматов фонта:
caniuse.com

Справка Гугла по теме раздела:
http://developers.google.com/fonts/docs/getting_started?hl=ru&csw=1
Почти аналогичные, по функционалу, но платные сервисы:
typekit.com   fontslive.com   extensis.com/en/WebINK/


Кроссдоменность файлов шрифтов
Браузеры Firefox и Internet Explorer, в связи с их политикой безопасности, не разрешают загружать файлы шрифтов с поддоменов сайта и со сторонних доменов. Для решения данной проблемы, можно выделить для хранения фонтов отдельный каталог, где в.htaccess настроить нужные параметры кеширования. Или, если на другом домене - настроить сервер Apache, прописав в.htaccess строчку с разрешительным заголовком контроля доступа:

<FilesMatch "\.(ttf|eot)$">
<IfModule mod_headers.c>
Header set Access-Control-Allow-Origin ""
</IfModule>
</FilesMatch>

Вместо звездочки можно указать отдающему серверу конкретный домен, которому разрешается получить ответ. Если указано со звёздочкой и без уточняющей маски (ttf|eot) - тогда всем сторонним доменам можно скачивать любой контент, но это не безопасно.

Другой вариант решения проблемы загрузки и дёргания - перевод шрифта в base64 и помещение его кода в CSS (есть ограничения по объёму).
@font-face
Браузер последовательно пробует элементы списка шрифтов из дескриптора "src" в правиле @font-face, до тех пор, пока успешно не загрузит. Первыми указываются фонты, которые могут быть на компьютере, т.е. доступные локально ('локаль'). Если проверка показала, что их нет, тогда - загрузка с сервера, по Интернету.

@font-face { font-family: MyFontRegular; src: local('Helvetica Neue'), local('HelveticaNeue'), url('/fonts/MyFontRegular.svg#id_font') format('svg'), url('/fonts/MyFontRegular.ttf') format('truetype'), url('/fonts/MyFontRegular.woff') format('woff'); font-style: normal; font-weight: 400; }

Образцы для выбора:
www.fontsquirrel.com/fonts/list/find_fonts?filter%5Blicense%5D%5B0%5D=web

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

.text { font-family: Arial, sans-serif; font-size: 100%; }
- если в системе нет Ариала, то будет применён sansserif.

<p class="text">
Пример текста, отформатированного с помощью класса из таблицы стилей CSS.
</p>
<p style="font-family: Arial, sans-serif; font-size:14pt;">
Пример текста, отформатированного с использованием CSS-кода, встроенного в тег параграфа.
</p>
<p><font face="Arial, sans-serif" size="3">
Пример текста, отформатированного с помощью, уже устаревшего, HTML-элемента font.
</font></p>

Поддержка основными браузерами

eot (Embedded OpenType, сжатый формат) - нужен для Internet Explorer, особенно для старых версий IE.

Firefox, Chrome, Safari и Opera поддерживают шрифты.ttf (True Type Font, векторный) и.otf (Open Type Font).

WOFF (Web Open Font Format) - открытый сжатый кроссбраузерный вэб-формат шрифта OpenType или TrueType, поддерживающий дополнительные метаданные. В технологии WOFF используется алгоритм сжатия объёма файлов ttf/otf "без потерь", поэтому качество не ухудшается после распаковки. После такой компрессии, размер существенно уменьшается и уже нет смысла в использовании GZIP. WebOpenFontFormat поддерживается - начиная с версий браузеров: Opera 11.10+, IE9+, FF3.6+, Chrome 5+

SVG (Scalable Vector Graphics) - формат векторной графики, поддерживаемый браузером Safari. This is an XML format required by iOS devices before version 4.2.

Знаки-подписи, идентифицирующие авторство и название шрифта

Фонт-дизайнеры, разрабатывая свой новый шрифт, в качестве выражения личного стиля, своеобразной авторской подписи и определённого послания Мiру - делают некоторые символы с особой любовью и выразительностью.

Чтобы это увидеть, разглядеть - в первую очередь, необходимо смотреть на графические особенности изображений стандартного набора шахматных фигур (диапазон в таблице Юникода - U+2654 - U+265F) и знаков задиака (U+263F - U+2653). И значки снеговика ("SNOWMAN", U+2603), часто, бывают нарисованы художниками–шрифтовиками - максимально оригинально, с юмором и с шуткой. Убедиться в этом можно, посмотрев и сравнив особенности глифов разных шрифтов, на страницах сайта
www.fileformat.info/info/unicode/char/2603/fontsupport.htm
(нажать по ссылке "view", напротив названий фонтов - этим методом, их можно, достаточно точно и быстро, идентифицировать). Чтобы смотреть другие картинки - надо вместо номера 2603 в адресной строке поставить нужное число, например 2658 (код шахматной фигуры "Белый конь").


Структурирование текста HTML-тегами

Чтобы печатный материал был удобным для чтения в электронном виде, его текст нужно разбивать на абзацы (размером - не более 5 строк, при средне-употребляемых параметрах ширины и разрешения экрана).
Данное ограничение обусловлено повсеместным распростанением ноутбуков и мобильных устройств (смартфонов, планшетов и прочих гаджетов), имеющих миниатюрные мониторы.
Структурирование Web-страницы на "логические куски" (абзацы), в стандарте HTML-кода, осуществляется с помощью парных и непарных тегов, в числе которых: деление на блоки (DIV, P) и перенос на новую строку (с помощью тега BR), выделение цитат (CITE), разбиение по пунктам списка (LI) или по ячейкам таблицы (элемент TABLE, содержащий TH и TD). Отделить какой-либо блок текста от соседнего - можно и с помощью горизонтальной линии (тег HR).
Редко кем используется "мягкий дефис" (ссылка-мнемоника &shy; или &#173; / &#xAD;), который проявится в виде символа переноса части слова, если оно не умещается в строке. Опасения вэбмастеров могут быть связаны с сомнением, в адекватности понимания этой конструкции различными поисковиками и браузерами.
С помощью форматирования, вид результатов работы любого HTML-тега может измениться до неузнаваемости. Поэтому, после задания числовых и прочих параметров стилей, требуется всестороннее тестирование вэб-страницы (на кроссбраузерность и разные размеры и разрешение экрана монитора).


Терминология

UTF-16 (англ. Unicode Transformation Format) - способ кодирования символов. Данная кодировка позволяет записывать символы Юникода в диапазонах U+0000 - U+D7FF и U+E000 - U+10FFFF (всего 1 112 064 штук). При этом каждый символ записывается, обычно, одним или двумя 16-битными словами. Для определения порядка байтов используется метка BOM (английск. Byte order mark), которая, в виде кода 0xFE 0xFF (U+FEFF) или других сочетаний, записывается в начале файла с текстом.

На интернет-страницах, сохраняемых издателем в кодировке UTF-8 не используется метка порядка байтов, поэтому – УТФ-8 нужно сохранять "без БОМ" (without BOM). Перекодировать текстовый файл - можно с помощью редактора Notepad ++). Обычный блокнот для этого не подходит, т.к. дописывает в начале лишние байты (валидатор W3C - будет выдавать ошибку).

Гарнитура - это набор / список шрифтов, похожих по виду, стилю и пропорциям. Фонты (fonts), относящиеся к одной гарнитуре, могут отличаться размером (кеглем), начертанием (прямой или курсивный), насыщенностью (светлый, жирный, полужирный и т.д.)

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

Стили начертания (font-style): прямой - normal, курсивные - oblique / italic.

Насыщенность (плотность начертания, жирность шрифта - font-weight) обусловленна изменением толщины основных и соединительных штрихов. Градация: светлое (light), нормальное (regular, book), полужирное (demi), жирное (bold), темное (heavy), черное (black) и сверхжирное (extra bold). Её можно задавать в цифровом виде, например - font-weight: 900 (B o l d)

Пропорции начертания (font-stretch): узкий (condensed), нормальный (normal) и широкий (expanded), с градациями (semi, extra, ultra).

В ы к л ю ч к а – выравнивание текста. В HTML (гипертекстовый язык разметки страниц в сети Интернет) данное свойство задаётся свойством 'text-align', которое может иметь следующие значения : left, right, center, justify. Соответственно, текст выравнивается по левому и правому краю, по центру и по формату (по ширине абзаца, исключая первую строчку, из-за отступа в её начале, и последнюю строку). "Полная выключка" (так называемая, «принудительная»), являющаяся одним из алгоритмов 'text-justify' – растягивает и выравнивает все строки абзаца, включая первую и последнюю, "по ширине", т.е. по формату области печати, и текстовый блок образует форму прямоугольника.

Интерлиньяж (line-height) - межстрочное расстояние.

Кегль (font size) - размер шрифта по высоте.

Кернинг (kerning) - межбуквенные интервалы.

Хинтинг (хинтование) - программное улучшение формы символа, при изменении масштаба или устройства вывода (на экран монитора, на принтер).

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

Дингбаты - графически выполненные пиктограммы, в виде различных оформительских орнаментов, иконок и значков.

Скопировать символ (copy / paste, "копипаст") - это значит, выделить его на экране, копировать в буфер обмена памяти компьютера, планшета, айфона или смартфона, а затем вставить в нужное место, в тексте или в HTML-коде. Такая опция реализована на всех стационарных ПК и на большинстве мобильных устройств, независимо от установленной операционной системы, будь то ОС Андроид или Windows Phone (у различных платформ возможны существенные индивидуальные отличия в интерфейсе и в удобстве использования функционала). С этой страницы можно копировать любой символ, для его вставки в текст или ник.

Одной из основных единиц типографской системы мер является 1 пункт (1 п.), вычисляемый из французского дюйма (делением на 72) и равный 27,1 / 72 = 0,3764 ≈ 0,376 мм

В компьютерной графике 1 pt (point) ≈ 0,353 мм

Основные разновидности шрифтов:

Шрифты бывают с засечками (с постоянной толщиной линий - брусковый, и переменной - антиква; их применяют для оформления основного текста документа) и рубленые (гротески, используются для набора заголовков).

По стилю различают шрифт: Прямой (Roman), Курсивный (Italic), Полужирный(Bold), Нормальный (Regular, отличается от прямого меньшей толщиной штриха), Узкий (Narrow), Широкий (Wide).

Дополнительные параметры форматирования символов: подчеркивание различными типами линий (Подчеркнутый, Underline), изменение вида значков (зачёркнутый, надстрочный, подстрочный, с тенью, контур, все прописные), изменение расстояний между символами (межсимвольный интервал - обычный, разреженный или уплотнённый).

По ширине символов шрифты делят на моноширинные (как на старой печатной машинке) и пропорциональные. Например, буква "I" будет намного уже, чем "W". В CSS - моноширинный шрифт выбирается или с помощью конструкции font-family: monospace, и/или указанием названия конкретного моно.шрифта, например:
{ font-family: Lucida Console, Courier New, Courier, monospace; }

Значения ширины шрифтов (font-weight) задаются по цифровой шкале, где значение '400' соответствует "normal" данного семейства ш р и ф т о в.  Названия веса, ассоциированные с такой шириной, обычно: Book, Regular, Roman, Normal, Medium.
"Bold" соответствует весовому значению '700', Heavy - '800', Black - 900.

Рекомендации

Соотношение характеристик текста и фона - необходимо удобочитаемое и по цвету, и по контрастности.

В документах и рефератах - печатать текст, сохраняя в стандартном формате редактора Word (doc / docx), гарнитурой «Таймс» ("Times New Roman"), через 1,5 интервала. Размер шрифта - задать 12 пунктов (14 пт - для документов).
Основной заголовок текста - 16-18 pt, промежуточные заголовки второго и третьего уровня - 14-16 кеглей, жирным начертанием (Bold).
Отступы, ширина полей: левого - 30 миллиметров, правого - 10 мм, верхнего и нижнего - по 2 сантиметра.

Текстовые документы, сохранённые по старому формату "doc", открываются в любом "Ворде". При сохранении на диск, файлы будут иметь одинаковое расширение, но разное внутреннее содержание, на уровне кода, в зависимости от версий word-редактора (95, 97, 2000 или 2003-го годов). Чтобы открыть и отредактировать файл в формате "docx", нужны достаточно современные программы - Microsoft Office 2007 и последующие версии (2010, 2011, 2013) или бесплатный программный пакет OpenOffice org верс.3 и выше. Новый DOCX-формат, в отличие от предыдущего, занимает меньше дискового пространства (благодаря сжатию и архивации информации), быстрее в работе и обладает повышенной степенью защиты данных и безопасности. Можно ограничить доступ к создаваемому документу - ставя пароль на его открытие и изменение. Повреждённый word-документ возможно исправить и восстановить (OfficeRecovery) с помощью специальных программ-утилит или онлайн-сервисов, но там бесплатно, скорее всего - только демки, показывающие малую часть результата.

Ширина строки документа, при его просмотре с экрана компьютера или планшетника - должна содержать не более 50-70 знаков / букв. Если их больше, то увеличивается нагрузка на зрение и замедляется скорость чтения.

HTML-элементы стиля шрифта

TT - телетайп (моноширинный текст).
I - курсив (наклонный).
B - полужирный.
BIG - "большой" шрифт.
SMALL - "малый" фонт.
STRIKE или S - зачёркнутый текст.
U - подчёркнутый.

<NOBR> - запрет на перенос строк.
KBD - моноширинный текст.



Некоторые диапазоны из общего набора символов Юникода (здесь этих групп перечислено больше, чем есть в WGL4):

Базовая латиница перечёркивание (Basic Latin, группа знаков из таблицы ASCII, коды от U+0000 до U+007F).
Дополнения к латинице-1 (Latin-1 Supplement, U+0080 - U+00FF).
Расширенная латиниа A (Latin Extended-A, U+0100 - U+017F).
Расширенная латиница B (Latin Extended-B, U+0180 - U+024F).
Модификаторы отступов (Spacing Modifier Letters, U+02B0 - U+02FF).
Греческие символы (Greek, U+0370 - U+03FF).
Кириллица (Cyrillic, U+0400 - U+04FF).
Дополнения к расширенной латинице (Latin Extended Additional, U+1E00 - U+1EFF).
Общие знаки препинания (General Punctuation, U+2000 - U+206F).
Подстрочные и надстрочные символы (Superscripts and Subscripts, U+2070 - U+209F).
Знаки валют (Currency Symbols, U+20A0 - U+20CF, включая знак евро «€»).
Дополнения диактирических знаков и символов (Combining Diacritical Marks for Symbols, 20D0-20FF).
Буквообразные символы (Letterlike Symbols, U+2100 - U+214F).
Числовые формы / дроби и римские цифры (Number Forms, U+2150 - U+218F).
Стрелки (Arrows, U+2190 - U+21FF).
Математические операторы (Mathematical Operators, U+2200 - U+22FF).
Различны технические символы (Miscellaneous Technical, U+2300 - U+23FF).
Псевдографика, значки для отображения рамок (Box Drawing, U+2500 - U+257F).
Блочные элементы (Block Elements, U+2580 - U+259F).
Геометрические фигуры (Geometric Shapes, U+25A0 - U+25FF).
Разные смешанные символы (Miscellaneous Symbols, U+2600 - U+26FF).
Дингбаты - - наборs графических символов (2700 - 27BF).
...
Шрифт Брайля (Braille Patterns, 2800 - 28FF).
...
Дополнительные математические операторы (Supplemental Mathematical Operators, 2A00 - 2AFF).
...
Глаголица (Glagolitic, 2C00 - 2C5F).
....
Расширенная кириллица-A (Cyrillic Extended-A, 2DE0 - 2DFF).
...
Унифицированные иероглифы ККЯ, которые используются в китайском, корейском и японском письме (CJK Unified Ideographs, 4E00 - 9FCC).
...
Специальные символы (Specials, FFF0 - FFFF).
...
Музыкальные символы (Musical Symbols, 1D100 - 1D1FF).
...
Математические буквенно-цифровые символы (Mathematical Alphanumeric Symbols, 1D400 - 1D7FF).
Символы Игральных карт (Playing Cards, 1F0A0 - 1F0FF).
Вложенные буквы и цифры (дополнение) (Enclosed Alphanumeric Supplement, 1F100 - 1F1FF).
Вложенные идеографические символы (дополнение) (Enclosed Ideographic Supplement, 1F200 - 1F3FF).
Смешанные символы и пиктограммы (Miscellaneous Symbols And Pictographs, 1F300 - 1F5FF).
http://www.unicode.org/charts/PDF/U1F300.pdf

Смайлики (Emoticons, 1F600 - 1F64F).
Декоративные дингбаты - набор графических символов (Ornamental Dingbats, 1F650 - 1F67F).
Символы транспорта и указателей (Transport And Map Symbols, 1F680 - 1F6FF).
Расширенные геометрические фигуры (Geometric Shapes Extended, 1F780 - 1F7FF).
...
Списки шрифтов, имеющих символы из конкретного блока Unicode (есть ссылки на сайты для бесплатного скачивания или покупки платных версий):
www.fileformat.info/info/unicode/block/index.htm


Кириллица в Юникоде (сгруппированные диапазоны кодов в hex):

Cyrillic & Supplement (кириллица c приложениями).
U+0400 - U+045F — буквы славянских алфавитов из кодировки ISO 8859-5, но перемещённые вверх на 864 позиции.
U+0460 - U+0489 — исторические буквы и символы из старославянского (церковнославянского) алфавита.
U+048A - U+052F — дополнительные буквы для разных языков, использующих кириллицу.
Cyrillic Extended-A (кириллица, расширение A).
U+2DE0 - U+2DFF — церковнославянские буквотитлы.

Cyrillic Extended-B (кириллица, расш-е B).
U+A640 - U+A67F — дополнительные буквы и символы для церковнославянского языка.
U+A680 - U+A69F — дополнительные буквы для старой абхазской орфографии.
Читать подробнее: ru.wikipedia.org/wiki/Кириллица_в_Юникоде

Скачать последнюю официальную версию стандарта Unicode (поставить число начала нужного дапазана, например, в данной ссылке - Дингбаты из секции 2700—27BF):
www.unicode.org/charts/PDF/U2700.pdf
Вы можете посмотреть все диапазоны Юникода:
ru.wikipedia.org/wiki/Шрифты,_поддерживающие_юникод

  [ на главную страницу ]



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

Copyright © 2007-2017, KAKRAS.RU


Закрыть ... [X]

Сериал Особо тяжкие преступления 1 сезон Major Crimes Подарок железнодорожнику на день рождения

Как сделать перечёркивание Как сделать перечёркивание Как сделать перечёркивание Как сделать перечёркивание Как сделать перечёркивание Как сделать перечёркивание