Всем привет.
Одной из функций нашего сервиса является возможность скачать конвертированный шрифт. При этом мы хотим предлагать шрифты в оптимальном качестве. А для того, чтобы это стало возможным, мы провели тестирование самых популярных конвертеров шрифтов, доступных онлайн, без регистрации и бесплатно.
Хоть на самом деле конвертеров уже появилось великое множество, не все могут превращать 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. При этом решили разработать свой собственный инструмент, который бы не сильно портил шрифты и давал возможность настроить необходимые опции при конвертировании.Если у кого-то есть в запасе другие найденные конвертеры, пишите в комментариях с пояснением, дополню список с вашей заметкой.
Спасибо за внимание.
Сегодня мы рассмотрим:
Для того чтобы иметь возможность шрифтовый файл подключить в ту или иную программу, или браузер, нужно убедиться, чтобы тот имел подходящее расширение. В противном случае, этот файл необходимо преобразовать в другой формат, используя конвертер шрифтов.
Online Font Conveter
Online Font Conveter – это простой и очень удобный конвертер шрифтов онлайн. Он поддерживает 21 шрифт и одну группу шрифтов font-face для конвертации. Довольно неприятным моментом в его использовании может стать тот факт, что в некоторых странах СНГ, например в России, данный сервис не работает без VPN. Поэтому вставьте ссылку https://onlinefontconverter.com/ в адресную строку Вашего браузера и наслаждайтесь работой сервиса. И, если вы ищете качественный конвертер шрифтов, то это не должно стать для вас особой проблемой.
Принцип работы
Чтобы конвертировать шрифтовый файл в нужное расширение, выберите из списка формат или несколько форматов, в которые хотите преобразовать файл, после чего нажмите «Select font(s)».
Когда конверт файлов Online Font Conveter закончит свою работу, вы увидите следующее сообщение и кнопку «Save your font», нажав на которую вы увидите название архива с конвертируемым шрифтом или шрифтами.
Нажмите по кнопке «Download Attachment», чтобы загрузить преобразованные шрифты на свой компьютер.
Font2web
Font2web – это еще более простой сервис по конвертации, потому как здесь какие-либо предварительные настройки отсутствуют вовсе. Однако он может вам подойти, если вы ищите простенький конвертер шрифтов онлайн для web.
Принцип работы
На главной странице сервиса нажмите на кнопку «Выберите файл» и укажите конвертируем файл на компьютере.
Файл сразу же будет преобразован и загружен на ваш компьютер. Заглянув в скачанный архив, вы увидите несколько созданных расширений с этим шрифтом и файл css, который можно использовать при web-разработке для добавления этого шрифта в верстку.
Convertio
Convertio – это частый гость наших тем, так как этот ресурс специализируется на конвертации многих типов файлов, к тому же он не плохой конвертер обычных и веб шрифтов.
По сравнению с предыдущими сервисами, этот имеет ряд своих особенностей:
- возможность загружать шрифтовые файлы онлайн (по прямой ссылке, через Google Диск или Dropbox) и с компьютера;
- возможность конвертировать шрифты не только в другие расширения шрифтов, но и в изображения, векторы, электронные книги;
- возможность обработки нескольких файлов одновременно;
- загрузка готовых результатов на Google Drive и Dropbox.
Давайте рассмотрим, как работает этот конвертер шрифтов.
Принцип работы
На главной странице конвертера Convertio укажите, как вы хотите загрузить шрифтовый файл. Напротив загруженного шрифта в специальном выпадающем меню укажите формат, в который вы хотите преобразовать свой шрифт.
Нажмите на кнопку «Преобразовать» для начала конвертации. Подождите некоторое время и получите готовый результат.
Решать, каким конвертером шрифтов онлайн будете пользоваться вы – выбор за вами. Мы бы остановились на последнем варианте, так как он предоставляет большое количество вариаций для конвертации на выбор, однако если вы не хотите заморачиваться, то можете воспользоваться более простыми конвертерами, о которых мы также рассказали. К тому же они и работать будут немного быстрее.
Ни для кого не секрет, что для полноценного отображения дизайнерского макета на 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 Мб. Более крупные файлы - платно.
Настроек сервис не имеет. Только кнопка конвертации. Интерфейс - английский.
На момент написания статьи, это список самых популярных и востребованных онлайн конвертеров шрифтов . Сами шрифты вы можете взять в каталогах шрифтов , коих на данный момент великое множество.
На этом я заканчиваю свое поветсвование.
Удачи в свершениях!
Вы можете присоедениться к моему микроблогу в Твиттере