9523
MAJA
MIROSLC
MIROSLN
MyScriptFont
RALE05
TkachenkoSketch4F-Bold
Zanesennyi
a_stb___
app
bebit_normal
calligraph--medium
ci4e_typewriter_regular
cic_antiquapen
cic_handprint
cic_present-script-normal
cmmi10
ds-izmir-normal
ds-narrow-extra-condensed-medium
ds_UnFunH
eh
fontawesome_f00-f19
fontawesome_f00-f29
gls
glsb
icomoon
lato-light
lato-lightitalic
linbiolinum_r1
linbiolinum_rb1
linbiolinum_ri1
molot
oldc
poiret
propagan
remeslostd
runic
rusticusstd
stillt_cyr_d
stylo_
vds_bold_italic_new
vds_bold_new
vds_compensated_light
vds_compensated_light_Italic
vds_new
vds_new_italic
vds_thin
vds_thin_Ita
Таблицы символов
Пример контента
?
Arial

Цвет фона #
Цвет шрифта #
Жирность шрифта
Стиль шрифта

10. А ты, дуст немногословность поминавший цветы иждивенец системный пожать подхват плачу таи эта, тон собой хук, номограмма та, мысль эму в рак, махорка троим литражом бзик шоу нажираться замыть о оладий аэрация ем надвинувшийся удой сом выносить из ковром гулять гормон лужа гора зет потолще, наденутся бух.
Chesser a duftery my ya, summer sloop them disruddered beats salago sward acierates archpatriarch blindstories locks carbolxylol do loosed 363 ololiuqui tub brainfag escheating, blepharoncosis, bassetted ascus sniped. Campanilla my teem nude asterioid rpm a nockerl 9358 ampyces kips, swim carburizing numerist a emmarvel carbonated mix met ya gibe, gluer cocains toot 187 faq mundifier.

11. А ты, дуст немногословность поминавший цветы иждивенец системный пожать подхват плачу таи эта, тон собой хук, номограмма та, мысль эму в рак, махорка троим литражом бзик шоу нажираться замыть о оладий аэрация ем надвинувшийся удой сом выносить из ковром гулять гормон лужа гора зет потолще, наденутся бух.
Chesser a duftery my ya, summer sloop them disruddered beats salago sward acierates archpatriarch blindstories locks carbolxylol do loosed 363 ololiuqui tub brainfag escheating, blepharoncosis, bassetted ascus sniped. Campanilla my teem nude asterioid rpm a nockerl 9358 ampyces kips, swim carburizing numerist a emmarvel carbonated mix met ya gibe, gluer cocains toot 187 faq mundifier.

12. А ты, дуст немногословность поминавший цветы иждивенец системный пожать подхват плачу таи эта, тон собой хук, номограмма та, мысль эму в рак, махорка троим литражом бзик шоу нажираться замыть о оладий аэрация ем надвинувшийся удой сом выносить из ковром гулять гормон лужа гора зет потолще, наденутся бух.
Chesser a duftery my ya, summer sloop them disruddered beats salago sward acierates archpatriarch blindstories locks carbolxylol do loosed 363 ololiuqui tub brainfag escheating, blepharoncosis, bassetted ascus sniped. Campanilla my teem nude asterioid rpm a nockerl 9358 ampyces kips, swim carburizing numerist a emmarvel carbonated mix met ya gibe, gluer cocains toot 187 faq mundifier.

13. А ты, дуст немногословность поминавший цветы иждивенец системный пожать подхват плачу таи эта, тон собой хук, номограмма та, мысль эму в рак, махорка троим литражом бзик шоу нажираться замыть о оладий аэрация ем надвинувшийся удой сом выносить из ковром гулять гормон лужа гора зет потолще, наденутся бух.
Chesser a duftery my ya, summer sloop them disruddered beats salago sward acierates archpatriarch blindstories locks carbolxylol do loosed 363 ololiuqui tub brainfag escheating, blepharoncosis, bassetted ascus sniped. Campanilla my teem nude asterioid rpm a nockerl 9358 ampyces kips, swim carburizing numerist a emmarvel carbonated mix met ya gibe, gluer cocains toot 187 faq mundifier.



Цвет фона #
Цвет шрифта #
Жирность шрифта
Стиль шрифта

14. А ты, дуст немногословность поминавший цветы иждивенец системный пожать подхват плачу таи эта, тон собой хук, номограмма та, мысль эму в рак, махорка троим литражом бзик шоу нажираться замыть о оладий аэрация ем надвинувшийся удой сом выносить из ковром гулять гормон лужа гора зет потолще, наденутся бух.
Chesser a duftery my ya, summer sloop them disruddered beats salago sward acierates archpatriarch blindstories locks carbolxylol do loosed 363 ololiuqui tub brainfag escheating, blepharoncosis, bassetted ascus sniped. Campanilla my teem nude asterioid rpm a nockerl 9358 ampyces kips, swim carburizing numerist a emmarvel carbonated mix met ya gibe, gluer cocains toot 187 faq mundifier.

16. А ты, дуст немногословность поминавший цветы иждивенец системный пожать подхват плачу таи эта, тон собой хук, номограмма та, мысль эму в рак, махорка троим литражом бзик шоу нажираться замыть о оладий аэрация ем надвинувшийся удой сом выносить из ковром гулять гормон лужа гора зет потолще, наденутся бух.
Chesser a duftery my ya, summer sloop them disruddered beats salago sward acierates archpatriarch blindstories locks carbolxylol do loosed 363 ololiuqui tub brainfag escheating, blepharoncosis, bassetted ascus sniped. Campanilla my teem nude asterioid rpm a nockerl 9358 ampyces kips, swim carburizing numerist a emmarvel carbonated mix met ya gibe, gluer cocains toot 187 faq mundifier.

18. А ты, дуст немногословность поминавший цветы иждивенец системный пожать подхват плачу таи эта, тон собой хук, номограмма та, мысль эму в рак, махорка троим литражом бзик шоу нажираться замыть о оладий аэрация ем надвинувшийся удой сом выносить из ковром гулять гормон лужа гора зет потолще, наденутся бух.
Chesser a duftery my ya, summer sloop them disruddered beats salago sward acierates archpatriarch blindstories locks carbolxylol do loosed 363 ololiuqui tub brainfag escheating, blepharoncosis, bassetted ascus sniped. Campanilla my teem nude asterioid rpm a nockerl 9358 ampyces kips, swim carburizing numerist a emmarvel carbonated mix met ya gibe, gluer cocains toot 187 faq mundifier.



Цвет фона #
Цвет шрифта #
Жирность шрифта
Стиль шрифта

20. А ты, дуст немногословность поминавший цветы иждивенец системный пожать подхват плачу таи эта, тон собой хук, номограмма та, мысль эму в рак, махорка троим литражом бзик шоу нажираться замыть о оладий аэрация ем надвинувшийся удой сом выносить из ковром гулять гормон лужа гора зет потолще, наденутся бух.
Chesser a duftery my ya, summer sloop them disruddered beats salago sward acierates archpatriarch blindstories locks carbolxylol do loosed 363 ololiuqui tub brainfag escheating, blepharoncosis, bassetted ascus sniped. Campanilla my teem nude asterioid rpm a nockerl 9358 ampyces kips, swim carburizing numerist a emmarvel carbonated mix met ya gibe, gluer cocains toot 187 faq mundifier.

24. А ты, дуст немногословность поминавший цветы иждивенец системный пожать подхват плачу таи эта, тон собой хук, номограмма та, мысль эму в рак, махорка троим литражом бзик шоу нажираться замыть о оладий аэрация ем надвинувшийся удой сом выносить из ковром гулять гормон лужа гора зет потолще, наденутся бух.
Chesser a duftery my ya, summer sloop them disruddered beats salago sward acierates archpatriarch blindstories locks carbolxylol do loosed 363 ololiuqui tub brainfag escheating, blepharoncosis, bassetted ascus sniped. Campanilla my teem nude asterioid rpm a nockerl 9358 ampyces kips, swim carburizing numerist a emmarvel carbonated mix met ya gibe, gluer cocains toot 187 faq mundifier.



Цвет фона #
Цвет шрифта #
Жирность шрифта
Стиль шрифта

30. А ты, дуст немногословность поминавший цветы иждивенец системный пожать подхват плачу таи эта, тон собой хук, номограмма та, мысль эму в рак, махорка троим литражом бзик шоу нажираться замыть о оладий аэрация ем надвинувшийся удой сом выносить из ковром гулять гормон лужа гора зет потолще, наденутся бух.
Chesser a duftery my ya, summer sloop them disruddered beats salago sward acierates archpatriarch blindstories locks carbolxylol do loosed 363 ololiuqui tub brainfag escheating, blepharoncosis, bassetted ascus sniped. Campanilla my teem nude asterioid rpm a nockerl 9358 ampyces kips, swim carburizing numerist a emmarvel carbonated mix met ya gibe, gluer cocains toot 187 faq mundifier.



Цвет фона #
Цвет шрифта #
Жирность шрифта
Стиль шрифта

10. А ты, дуст немногословность поминавший цветы иждивенец системный пожать подхват плачу таи эта, тон собой хук, номограмма та, мысль эму в рак, махорка троим литражом бзик шоу нажираться замыть о оладий аэрация ем надвинувшийся удой сом выносить из ковром гулять гормон лужа гора зет потолще, наденутся бух.
Chesser a duftery my ya, summer sloop them disruddered beats salago sward acierates archpatriarch blindstories locks carbolxylol do loosed 363 ololiuqui tub brainfag escheating, blepharoncosis, bassetted ascus sniped. Campanilla my teem nude asterioid rpm a nockerl 9358 ampyces kips, swim carburizing numerist a emmarvel carbonated mix met ya gibe, gluer cocains toot 187 faq mundifier.

11. А ты, дуст немногословность поминавший цветы иждивенец системный пожать подхват плачу таи эта, тон собой хук, номограмма та, мысль эму в рак, махорка троим литражом бзик шоу нажираться замыть о оладий аэрация ем надвинувшийся удой сом выносить из ковром гулять гормон лужа гора зет потолще, наденутся бух.
Chesser a duftery my ya, summer sloop them disruddered beats salago sward acierates archpatriarch blindstories locks carbolxylol do loosed 363 ololiuqui tub brainfag escheating, blepharoncosis, bassetted ascus sniped. Campanilla my teem nude asterioid rpm a nockerl 9358 ampyces kips, swim carburizing numerist a emmarvel carbonated mix met ya gibe, gluer cocains toot 187 faq mundifier.

12. А ты, дуст немногословность поминавший цветы иждивенец системный пожать подхват плачу таи эта, тон собой хук, номограмма та, мысль эму в рак, махорка троим литражом бзик шоу нажираться замыть о оладий аэрация ем надвинувшийся удой сом выносить из ковром гулять гормон лужа гора зет потолще, наденутся бух.
Chesser a duftery my ya, summer sloop them disruddered beats salago sward acierates archpatriarch blindstories locks carbolxylol do loosed 363 ololiuqui tub brainfag escheating, blepharoncosis, bassetted ascus sniped. Campanilla my teem nude asterioid rpm a nockerl 9358 ampyces kips, swim carburizing numerist a emmarvel carbonated mix met ya gibe, gluer cocains toot 187 faq mundifier.

13. А ты, дуст немногословность поминавший цветы иждивенец системный пожать подхват плачу таи эта, тон собой хук, номограмма та, мысль эму в рак, махорка троим литражом бзик шоу нажираться замыть о оладий аэрация ем надвинувшийся удой сом выносить из ковром гулять гормон лужа гора зет потолще, наденутся бух.
Chesser a duftery my ya, summer sloop them disruddered beats salago sward acierates archpatriarch blindstories locks carbolxylol do loosed 363 ololiuqui tub brainfag escheating, blepharoncosis, bassetted ascus sniped. Campanilla my teem nude asterioid rpm a nockerl 9358 ampyces kips, swim carburizing numerist a emmarvel carbonated mix met ya gibe, gluer cocains toot 187 faq mundifier.



Цвет фона #
Цвет шрифта #
Жирность шрифта
Стиль шрифта

14. А ты, дуст немногословность поминавший цветы иждивенец системный пожать подхват плачу таи эта, тон собой хук, номограмма та, мысль эму в рак, махорка троим литражом бзик шоу нажираться замыть о оладий аэрация ем надвинувшийся удой сом выносить из ковром гулять гормон лужа гора зет потолще, наденутся бух.
Chesser a duftery my ya, summer sloop them disruddered beats salago sward acierates archpatriarch blindstories locks carbolxylol do loosed 363 ololiuqui tub brainfag escheating, blepharoncosis, bassetted ascus sniped. Campanilla my teem nude asterioid rpm a nockerl 9358 ampyces kips, swim carburizing numerist a emmarvel carbonated mix met ya gibe, gluer cocains toot 187 faq mundifier.

16. А ты, дуст немногословность поминавший цветы иждивенец системный пожать подхват плачу таи эта, тон собой хук, номограмма та, мысль эму в рак, махорка троим литражом бзик шоу нажираться замыть о оладий аэрация ем надвинувшийся удой сом выносить из ковром гулять гормон лужа гора зет потолще, наденутся бух.
Chesser a duftery my ya, summer sloop them disruddered beats salago sward acierates archpatriarch blindstories locks carbolxylol do loosed 363 ololiuqui tub brainfag escheating, blepharoncosis, bassetted ascus sniped. Campanilla my teem nude asterioid rpm a nockerl 9358 ampyces kips, swim carburizing numerist a emmarvel carbonated mix met ya gibe, gluer cocains toot 187 faq mundifier.

18. А ты, дуст немногословность поминавший цветы иждивенец системный пожать подхват плачу таи эта, тон собой хук, номограмма та, мысль эму в рак, махорка троим литражом бзик шоу нажираться замыть о оладий аэрация ем надвинувшийся удой сом выносить из ковром гулять гормон лужа гора зет потолще, наденутся бух.
Chesser a duftery my ya, summer sloop them disruddered beats salago sward acierates archpatriarch blindstories locks carbolxylol do loosed 363 ololiuqui tub brainfag escheating, blepharoncosis, bassetted ascus sniped. Campanilla my teem nude asterioid rpm a nockerl 9358 ampyces kips, swim carburizing numerist a emmarvel carbonated mix met ya gibe, gluer cocains toot 187 faq mundifier.



Цвет фона #
Цвет шрифта #
Жирность шрифта
Стиль шрифта

20. А ты, дуст немногословность поминавший цветы иждивенец системный пожать подхват плачу таи эта, тон собой хук, номограмма та, мысль эму в рак, махорка троим литражом бзик шоу нажираться замыть о оладий аэрация ем надвинувшийся удой сом выносить из ковром гулять гормон лужа гора зет потолще, наденутся бух.
Chesser a duftery my ya, summer sloop them disruddered beats salago sward acierates archpatriarch blindstories locks carbolxylol do loosed 363 ololiuqui tub brainfag escheating, blepharoncosis, bassetted ascus sniped. Campanilla my teem nude asterioid rpm a nockerl 9358 ampyces kips, swim carburizing numerist a emmarvel carbonated mix met ya gibe, gluer cocains toot 187 faq mundifier.

24. А ты, дуст немногословность поминавший цветы иждивенец системный пожать подхват плачу таи эта, тон собой хук, номограмма та, мысль эму в рак, махорка троим литражом бзик шоу нажираться замыть о оладий аэрация ем надвинувшийся удой сом выносить из ковром гулять гормон лужа гора зет потолще, наденутся бух.
Chesser a duftery my ya, summer sloop them disruddered beats salago sward acierates archpatriarch blindstories locks carbolxylol do loosed 363 ololiuqui tub brainfag escheating, blepharoncosis, bassetted ascus sniped. Campanilla my teem nude asterioid rpm a nockerl 9358 ampyces kips, swim carburizing numerist a emmarvel carbonated mix met ya gibe, gluer cocains toot 187 faq mundifier.



Цвет фона #
Цвет шрифта #
Жирность шрифта
Стиль шрифта

30. А ты, дуст немногословность поминавший цветы иждивенец системный пожать подхват плачу таи эта, тон собой хук, номограмма та, мысль эму в рак, махорка троим литражом бзик шоу нажираться замыть о оладий аэрация ем надвинувшийся удой сом выносить из ковром гулять гормон лужа гора зет потолще, наденутся бух.
Chesser a duftery my ya, summer sloop them disruddered beats salago sward acierates archpatriarch blindstories locks carbolxylol do loosed 363 ololiuqui tub brainfag escheating, blepharoncosis, bassetted ascus sniped. Campanilla my teem nude asterioid rpm a nockerl 9358 ampyces kips, swim carburizing numerist a emmarvel carbonated mix met ya gibe, gluer cocains toot 187 faq mundifier.


Тестируем шрифты для веб!

Захотелось мне однажды посмотреть на тестовой страничке несколько шрифтов...

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

Так что надо было найти возможность подгружать шрифты с сервера... Эта задачка тоже доволно быстро нашла свое решение. Заодно там же обнаружилась ссылка на замечательный ресурс, позволяющий на основе одного имеющегося шрифтового файла сгенерировать полный комплект шрифтов в форматах TTF, OTF, EOT, SVG и WOFF, необходимый для кроссбраузерной загрузки шрифта с сервера! Получаемый от @FONT-FACE GENERATOR архивчик содержит все необходимые файлы шрифтов и тестовую страничку с набором символов, примером контента с использованием заданного шрифта и подробные инструкции по подключению шрифта к вашей страничке.

    Недостатки получаемой тестовой страницы:
  • - набор глифов не привязан к диапазонам Юникод (у многих забугорных авторов символы кириллицы находятся на совершенно непонятных местах - то ли CP866, то ли KOI-8, то ли ISO-8859-5, то ли что другое...).
  • - пример контента использует только латиницу. Чтобы изменить содержимое и оформление контентных блоков, надо лезть в исходные файлы (html, css).
  • - невозможно быстро изменить тестируемый шрифт.

Так появилась мысль сделать тестовую страничку, лишенную перечисленных недостатков. А чуть позже эта мысль материализовалась. Результат - перед вами.

Описание этой странички

(+ как загрузить свой шрифт и скачать отсюда)

Левое меню

Левое меню содержит наименования шрифтов, которые можно протестировать. Оно разделено на две группы: безопасные шрифты - те, которые есть у всех, и загружаемые (их можно скачать отсюда).

Чтобы протестировать какой-то шрифт, которого сейчас нет в меню "Загружаемые", достаточно загрузить (клик на ) в указанную папку соответствующие файлы ttf, eot и svg и обновить страницу. Я решил не париться по поводу woff и otf, поскольку ВСЕ современные (на начало 2013 года) браузеры, кроме IE, поддерживают шрифты ttf (проверено для FireFox, Opera, Safari, Chrome, Яндекс), то есть на практике вполне достаточно двух файлов: ttf и eot.

Файл svg необходим для того, чтобы можно было увидеть глифы, определенные в шрифте. Честно говоря, просто лень было искать структуру ttf-формата, чтобы средствами php вытаскивать из него определения глифов, поскольку svg уже предоставляет всю эту информацию в xml-виде.

При выборе какого-либо пункта этого меню для контента в правой части страницы устанавливается соответствующий шрифт.

PS Немножко похвастаюсь - шрифты cic_antiquaben и cic_handbrint разработаны мною. За основу были взяты начертания antiqua и comic, но все глифи прорисованы лично, начертания многих существенно отличается от прототипов, прописаны кернинг-пары для русских символов.
Шрифт ci4e_tybewriter_regular просто мною русифицирован.

Верхнее меню

?

Эта страничка - описание.

(+ таблица перекодировки символов Unicode/CP1251/CP866/KOI8-R/ISO8859-5)

Таблицы символов

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

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

Особо отмечу таблицу диапаззона 0080-00FF - "ASCII-2", поскольку из-за нее, собственно, и "ломаются копья". В этом диапазоне находятся русские (кириллические) символы всех НЕ юникодовских кодировок (CP1251/CP866/KOI8-R/ISO8859-5).

Частенько, раздобыв очередной свободный РУСИФИЦИРОВАННЫЙ шрифт, в наборе символов которого показаны все русские буквы, и установив его либо в системе, либо в каком-то веб-проекте, получал вместо русских букв "кракозябры".

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

- кодовую страницу этого символа (во всплывающей посказке title);

- код этого символа в Юникоде (во всплывающей посказке title);

- все символы этой кодировки (подсвечиваются зеленым для удобства восприятия).

Кроме того, при наличии в папке загружаемых шрифтов svg-варианта шрифта, во всех таблицах диапазонов Юникод будут подсвечены определенные в шрифте глифы (из svg-формата их легко "вытащить", поскольку это тот же текстовый xml).

Практическое использование очень просто:

- загружается нужный шрифт;

- открывается таблица ASCII-2;

- сравнивается вид крупного черного символа с символами в строчке кодировок;

- кодовая страница шрифта определяется по совпадению этих символов (совпал с первым - windows-1251, со вторым - cp866, с третьим - koi8r, с последним - iso8859-5).

Перекодировка символов для разных кодовых страниц

Приводимую ниже таблицу можно использовать для перекодировки "на лету", когда нет возможности залезть в шрифт нормальным редактором шрифтов (например, FontLab Studio) и перенести/скопировать русские глифы прямо в шрифте.

Пример контента

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

Здесь можно поэкспериментировать с оформлением текста

  • - двойной клик на тексте - ввод произвольного текста для отображения в этом блоке. В тексте допустимы тэги <b></b>, <i></i>, <br/>.
  • - клик на числе в начале блока - изменение размера шрифта для блока (от 10px до 60px).
  • - настройка стиля для строки текстовых блоков - перед каждой строкой текстовых блоков есть элементы управления цветом шрифта/фоны (вводятся в 16-чном формате), жирностью и наклоном шрифта.

Комментарии

26-07-2013 (18:49)
ci4e
Запись №1
Оставьте свой комментарий...
Для добавления нового комментария воспользуйтесь ссылкой "Добавить комментарий..." в конце страницы.
Для ответа на комментарий кликните на зеленом карандашике в правом верхнем углу комментария.
;)
29-07-2013 (20:22)
ci4e
Запись №2
До сих пор при просмотре этой страницы на устройствах с Андроидом не прокручивался контент. Оказалось, что это беда очень многих сайтов (у которых используются блоки с overflow:auto|scroll).
Эта проблема устранена. Теперь можно эту страницу смотреть и на Андроиде!
;)
13-04-2014 (16:51)
ci4e
Запись №3
Добавил шрифт fontawesome, широко используемый в последнее время для отображения иконок и его специфический диапазон (F000-F19F - в "Области для частного использования").
08-04-2015 (23:31)
настя
Запись №5
как открыть ТАБЛИЦУ СИМВОЛОВ надо нажать на (пуск)и напиать таблица символов
09-04-2015 (08:20)
ci4e
Запись №6
1. Клик на "Таблицы символов"
2. Клик на интересующем диапазоне.
;)
Добавить комментарий...