Конвертеры веб шрифтов. Тестирование конвертеров шрифтов Конвертация старых русских шрифтов ttf
Читайте также
Всем привет.
Одной из функций нашего сервиса является возможность скачать конвертированный шрифт. При этом мы хотим предлагать шрифты в оптимальном качестве. А для того, чтобы это стало возможным, мы провели тестирование самых популярных конвертеров шрифтов, доступных онлайн, без регистрации и бесплатно.
Хоть на самом деле конвертеров уже появилось великое множество, не все могут превращать otf\ttf в woff\eot\svg. Существуют специализированные сервисы, которые работают с другими форматами(.pfb, .dfont и др.).
Мы выбрали несколько самых популярных
Fontsquirrel
Font2web
Everything Fonts
Online font converter
FreeFontConverter
Последний так и не удалось испытать, т.к. после сабмита формы выкидывало 500-ю ошибку.
Чтобы тестирование было сколь-нибудь наглядным, надо что-то с чем-то сравнивать. За эталон был взята оригинальная web-версия шрифта компании Paratype PT Sans в начертаниях regular и bold.
В тестировании также участвовали браузеры Chrome 33.0.1750, Firefox 28, и IE9 в ос Win7. Формат шрифта везде woff, как самый популярный и поддерживаемый.
Начнем с рендеринга конвертированных шрифтов браузерами
Кегль 16пк
Из явных недостатков.
В начертании bold в Fontsquirrel происходит неприятное заливание мелких деталей шрифта. Пример наглядно . Font2web сильно замыливает контуры знаков(пример).
Два других конвертера справились с заданием практически идеально.
Кегль 20пк
Как видим, Fontsquirrel сильно попортил regular, но с болдом справился в целом нормально. Font2web продолжил замыливать контуры знаков. Everything Fonts и Online font converter справились с заданием довольно неплохо.
Следующий пункт - юзабилити и возможности самих конвертеров
Планировал создать табличку с подробным описанием, но вышло так, что кроме Fontsquirrel вообще ни один не имеет каких-либо настроек. Потому будем сравнивать по-другому.
Итого
Исходя из результатов рендеринга и возможностей конвертеров можно сказать следующее.Самый популярный - Fontsquirrel - удобен, позволяет тонко настроить результат(в т.ч. оптимизировать вес файла) выдает единый архив и css, но портит шрифты. Причем испорченность непредсказуема и может проявляться как на определенном кегле, так и в определенном начертании. Кроме того, конвертер иногда отказывает в конвертировании шрифта, ссылаясь на свой blacklist или повреждение исходного файла.
Font2Web по нашему скромному убеждению вообще не стоит использовать. Он портит шрифты вообще всегда. Ко всему прочему позволяет конвертировать только по одному файлу.
Everything Fonts показал себя с довольно хорошей стороны в плане рендеринга, близкого к оригиналу. Размер файла шрифта формируется, скорее всего, какой-то оптимизацией, т.к. визуально не было обнаружено отклонения с оригиналом в наличии знаков. Его 137кб, конечно, не 220 оригинальных, но подгружать лишние буквы неохота. Из явных минусов - конвертирование по одному файлу.
Online font converter оказался крайне неудобным в плане использования. В нем для каждого формата свой архив. Например, для одного начертания будет три архива: с woff, ttf и eot. Однако компенсировал всё неплохим рендерингом.
Что касается нас
Мы используем и продолжим использовать пока Fontsquirrel. При этом решили разработать свой собственный инструмент, который бы не сильно портил шрифты и давал возможность настроить необходимые опции при конвертировании.Если у кого-то есть в запасе другие найденные конвертеры, пишите в комментариях с пояснением, дополню список с вашей заметкой.
Спасибо за внимание.
Ни для кого не секрет, что для полноценного отображения дизайнерского макета на WEB-страничке могут потребоваться сторонние шрифты. Для того, чтобы кроссбраузерно подключить данные шрифты не достаточно одного шрифтового файла. Для этого нужно 4 файла одного и того же шрифта разного типа. Чтобы получить все 4 типа файла из одного можно воспользоваться онлайн конвертерами шрифтов .
Предлагаю изучить несколько вариантов онлайн конвертеров шрифтов , найденных в сети, и проанализировать их плюсы и недостатки. Каждый может самостоятельно решить для себя, чем именно пользоваться.
Webfont Generator
Webfont Generator меня приятно удивил. Он позволяет загружать и обрабатывать несколько шрифтов одновременно. Есть 3 варианта генерации. Первый самый простой и он конвертирует шрифты с настройками по-умолчанию. Второй вариант оптимизированный. В третьем варианте можно подобрать требуемые настройки генерации шрифта. На выходе мы получим архив с конвертированными шрифтами. Возможна генерация шрифтов типа TTF, EOT, WOFF и SVG.
Единственный замеченный минус этого сервиса - медленная конвертация. Придеться подождать около пол-минуты.
Язык онлайн сервиса - английский.
Web Font Generator
Простенький сервис конвертации шрифтов. Может создать шрифты типа TTF, EOT, WOFF и SVG из шрифтов формата TTF или OTF. Возможна конвертация только одного шрифта одновременно.
На выходе получаем архив с шрифтами и подготовленным файлом css для подключения к странице.
Сервис очень шустрый и выполняет свою работу очень быстро.
Язык интефейса - английский.
font-face generator
Еще один шустрый конвертер шрифтов. Можно скармливать ему шрифты типа TTF, OTF или PostScript. На выходе получим файлы формата TTF, EOT, WOFF, SVG и CSS файл стилей с описание подключения данных шрифтов в архиве. Сервис может обрабатывать файлы размером до 0,5 Мб. Если зарегистрироваться на сервисе, то можно заливать шрифты размером до 2 Мб. Более крупные файлы - платно.
Настроек сервис не имеет. Только кнопка конвертации. Интерфейс - английский.
На момент написания статьи, это список самых популярных и востребованных онлайн конвертеров шрифтов . Сами шрифты вы можете взять в каталогах шрифтов , коих на данный момент великое множество.
На этом я заканчиваю свое поветсвование.
Удачи в свершениях!
Вы можете присоедениться к моему микроблогу в Твиттере
FontLab
TransType
4.0.1.5095
– универсальный конвертер шрифтов TransType позволяет Вам преобразовывать практически любой шрифт в любой формат: PostScript, TrueType и OpenType, а также между платформами PC и Mac. Допускается одновременная конвертация шрифта в несколько форматов. Также есть возможность конвертирования ММ-шрифтов в OTF, TTF, PFB. Программа открывает практически любой старый и современный формат.Скачать программу можно по прямой ссылке (с облака) внизу страницы. Поддерживаемые шрифты:
Экспорт в цветные: OpenType TT (.ttf) with Adobe/Mozilla SVG table, Apple sbix table, Microsoft COLR/CPAL tables.
Экспорт вWeb-шрифты: Web Open Font Format (.woff), EOT compressed (.eot), SVG fonts (.svg).
нажмите на картинку и она увеличится
| Системные требования: | |
| Операционная система: | Windows XP,Vista,7,8 (x86,x64) |
| Процессор: | 1 ГГц |
| Оперативная память: | 512 МБ |
| Место на жестком диске: | 40,4 МБ |
| Язык интерфейса: | английский |
| Размер: | 13,8 МБ |
| апте4ка: | в комплекте |
| *архив БЕЗ пароля |
В процессе выполнения верстки нового проекта у веб-разработчиков зачастую возникает проблема отсутствия необходимых шрифтов. В подобной ситуации можно не сомневаться в том, что у рядового посетителя сайта возникнет абсолютно такая же проблема.
На ранних этапах развития глобальной сети проблем со шрифтами вообще не было. Практически все «первые» сайты использовали стандартные шрифты, предустановленные в любой ОС того времени.
Однако конкуренция и желание удивить своих посетителей дизайнерскими изысками способствуют появлению новых весьма витиеватых шрифтов. Этому способствует и желание монетизировать свой интернет-ресурс посредством эксклюзивных маркетинговых ходов.
Директива @font-face
Сложившаяся ситуация вынуждает веб-дизайнеров разрабатывать свои уникальные и зачастую очень сложные шрифты. А вот реализация дизайнерских задумок ложится на плечи веб-разработчиков. Для упрощения работы этих специалистов была создана директива @font-face. Она позволяет разработчикам интегрировать шрифты в браузер напрямую. За счет этого обеспечивается повышение скорости загрузки страниц и улучшение графики. Однако @font-face имеет один существенный недостаток – далеко не все интернет-браузеры могут воспринять интегрированные шрифты. В данной ситуации невозможно обойтись без такого замечательного инструмента веб-разработчика, как конвертер шрифтов.
Поиск конвертера шрифтов
Поиск сайтов, предоставляющих возможность использования конвертера шрифтов онлайн – это весьма сложная задача. К сожалению, в сети сегодня представлено не так много ресурсов, которые позволяют качественно конвертировать шрифт для web. Среди имеющихся вариантов внимания заслуживают следующие сервисы:
Конвертер шрифтов — Freefontconverter
Первым в списке лучших ресурсов для конвертирования шрифтов является сайт freefontconverter. Несмотря на то, что этот ресурс англоязычный, он не требует от пользователей особых знаний иностранных языков. Ошибиться в выборе формата конвертирования нереально, так как на сайте freefontconverter находится только лишь форма конвертера. Для того чтобы конвертировать шрифт для сайта, нужно загрузить имеющийся шрифт в форму, выбрать необходимое расширение и нажать на кнопку «Convert». В течение нескольких секунд начнется автозагрузка конвертированного шрифта на компьютер.
Единственным минусом этого сайта является невозможность конвертирования в несколько шрифтов одновременно. В такой ситуации пользователям необходимо повторять операцию конвертации шрифтов для сайта нужное количество раз.
Конвертер шрифтов — Everythingfonts
Сайт everythingfonts – еще один мощный конвертер шрифтов для web. Наверное, нет такой задачи по конвертированию шрифтов, которую не смог бы решить этот сервис. Но и он имеет недостатки. Для использования everythingfonts понадобятся малейшие знания английского языка.
Конвертер шрифтов — Fontsquirrel
Для того чтобы конвертировать шрифт в woff или любой другой формат, можно использовать сайт fontsquirrel . Этот сайт позволяет выполнить конвертацию фактически в один клик. Особенностью данного ресурса считается наличие нескольких уровней (от базового до экспертного). Fontsquirrel отличается наличием довольно большой библиотеки шрифтов. Вот только кириллических шрифтов чрезвычайно мало.
Конвертеры для кириллицы
Резюмируя, стоит заметить, что в интернете представлен огромный выбор латинский шрифтов. А вот кириллических шрифтов катастрофически мало. Однако и в русскоязычном интернете есть неплохие ресурсы. Речь о сайтах fonts-online и ph4. Первый ресурс предоставляет пользователям огромнейшую библиотеку «русских» шрифтов с удобной сортировкой. Сайт ph4, прежде всего, предназначен для веб-дизайнеров. На этом сайте можно не только конвертировать шрифт, но и воспользоваться различными инструментами для оформительских нужд.
В этом небольшом обзоре представлена лишь некоторая часть доступных ресурсов для конвертирования. Тем не менее, для качественной конвертации шрифтов этих ресурсов будет вполне достаточно.
Всем привет.
Одной из функций нашего сервиса является возможность скачать конвертированный шрифт. При этом мы хотим предлагать шрифты в оптимальном качестве. А для того, чтобы это стало возможным, мы провели тестирование самых популярных конвертеров шрифтов, доступных онлайн, без регистрации и бесплатно.
Хоть на самом деле конвертеров уже появилось великое множество, не все могут превращать otf\ttf в woff\eot\svg. Существуют специализированные сервисы, которые работают с другими форматами(.pfb, .dfont и др.).
Мы выбрали несколько самых популярных
Fontsquirrel
Font2web
Everything Fonts
Online font converter
FreeFontConverter
Последний так и не удалось испытать, т.к. после сабмита формы выкидывало 500-ю ошибку.
Чтобы тестирование было сколь-нибудь наглядным, надо что-то с чем-то сравнивать. За эталон был взята оригинальная web-версия шрифта компании Paratype PT Sans в начертаниях regular и bold.
В тестировании также участвовали браузеры Chrome 33.0.1750, Firefox 28, и IE9 в ос Win7. Формат шрифта везде woff, как самый популярный и поддерживаемый.
Начнем с рендеринга конвертированных шрифтов браузерами
Кегль 16пк
Из явных недостатков.
В начертании bold в Fontsquirrel происходит неприятное заливание мелких деталей шрифта. Пример наглядно . Font2web сильно замыливает контуры знаков(пример).
Два других конвертера справились с заданием практически идеально.
Кегль 20пк
Как видим, Fontsquirrel сильно попортил regular, но с болдом справился в целом нормально. Font2web продолжил замыливать контуры знаков. Everything Fonts и Online font converter справились с заданием довольно неплохо.
Следующий пункт - юзабилити и возможности самих конвертеров
Планировал создать табличку с подробным описанием, но вышло так, что кроме Fontsquirrel вообще ни один не имеет каких-либо настроек. Потому будем сравнивать по-другому.
Итого
Исходя из результатов рендеринга и возможностей конвертеров можно сказать следующее.Самый популярный - Fontsquirrel - удобен, позволяет тонко настроить результат(в т.ч. оптимизировать вес файла) выдает единый архив и css, но портит шрифты. Причем испорченность непредсказуема и может проявляться как на определенном кегле, так и в определенном начертании. Кроме того, конвертер иногда отказывает в конвертировании шрифта, ссылаясь на свой blacklist или повреждение исходного файла.
Font2Web по нашему скромному убеждению вообще не стоит использовать. Он портит шрифты вообще всегда. Ко всему прочему позволяет конвертировать только по одному файлу.
Everything Fonts показал себя с довольно хорошей стороны в плане рендеринга, близкого к оригиналу. Размер файла шрифта формируется, скорее всего, какой-то оптимизацией, т.к. визуально не было обнаружено отклонения с оригиналом в наличии знаков. Его 137кб, конечно, не 220 оригинальных, но подгружать лишние буквы неохота. Из явных минусов - конвертирование по одному файлу.
Online font converter оказался крайне неудобным в плане использования. В нем для каждого формата свой архив. Например, для одного начертания будет три архива: с woff, ttf и eot. Однако компенсировал всё неплохим рендерингом.
Что касается нас
Мы используем и продолжим использовать пока Fontsquirrel. При этом решили разработать свой собственный инструмент, который бы не сильно портил шрифты и давал возможность настроить необходимые опции при конвертировании.Если у кого-то есть в запасе другие найденные конвертеры, пишите в комментариях с пояснением, дополню список с вашей заметкой.
Спасибо за внимание.