Домики из бутылки пластиковой своими руками



Если вместо символов на экране компьютера, в тексте видны прямоугольники или «кракозябры» - значит, в операционной системе не установлен, отсутствует 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; градус K   &#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


Источник: http://www.kakras.ru/mobile/utf/UTF-fonts-special-symbols.html


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

Детская площадка своими руками Трактор Как сделать поделку аист


Домики из бутылки пластиковой своими руками FileZilla FTP Server для домашней или офисной сети
Домики из бутылки пластиковой своими руками Как правильно обкатать подвесной лодочный мотор
Домики из бутылки пластиковой своими руками Podarkiny - идеи подарков своими руками!
Домики из бутылки пластиковой своими руками 10 лучших подарков на день рождения парня - Женский журнал
Домики из бутылки пластиковой своими руками Бордюры для тротуарной плитки своими руками
Разведение кур несушек на яйца как бизнес в домашних условиях Что делать, если от езды на велосипеде болят колени Автомобилист. org - Клуб любителей автомобилей Русское кино по жанрам Как сделать печь и мангал барбекю своими руками из кирпича Как сделать домашний квас (рецепт из черного хлеба) для Skyrim Lurkmore Как сделать тело гибким? - Сайт для девушек Часто Задаваемые Вопросы Обзоры акций ВК бесплатные