Сегодня мы рассмотрим:
Для того чтобы иметь возможность шрифтовый файл подключить в ту или иную программу, или браузер, нужно убедиться, чтобы тот имел подходящее расширение. В противном случае, этот файл необходимо преобразовать в другой формат, используя конвертер шрифтов.
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 укажите, как вы хотите загрузить шрифтовый файл. Напротив загруженного шрифта в специальном выпадающем меню укажите формат, в который вы хотите преобразовать свой шрифт.
Нажмите на кнопку «Преобразовать» для начала конвертации. Подождите некоторое время и получите готовый результат.
Решать, каким конвертером шрифтов онлайн будете пользоваться вы – выбор за вами. Мы бы остановились на последнем варианте, так как он предоставляет большое количество вариаций для конвертации на выбор, однако если вы не хотите заморачиваться, то можете воспользоваться более простыми конвертерами, о которых мы также рассказали. К тому же они и работать будут немного быстрее.
Всем привет.
Одной из функций нашего сервиса является возможность скачать конвертированный шрифт. При этом мы хотим предлагать шрифты в оптимальном качестве. А для того, чтобы это стало возможным, мы провели тестирование самых популярных конвертеров шрифтов, доступных онлайн, без регистрации и бесплатно.
Хоть на самом деле конвертеров уже появилось великое множество, не все могут превращать 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. При этом решили разработать свой собственный инструмент, который бы не сильно портил шрифты и давал возможность настроить необходимые опции при конвертировании.Если у кого-то есть в запасе другие найденные конвертеры, пишите в комментариях с пояснением, дополню список с вашей заметкой.
Спасибо за внимание.
Всем привет.
Одной из функций нашего сервиса является возможность скачать конвертированный шрифт. При этом мы хотим предлагать шрифты в оптимальном качестве. А для того, чтобы это стало возможным, мы провели тестирование самых популярных конвертеров шрифтов, доступных онлайн, без регистрации и бесплатно.
Хоть на самом деле конвертеров уже появилось великое множество, не все могут превращать 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. При этом решили разработать свой собственный инструмент, который бы не сильно портил шрифты и давал возможность настроить необходимые опции при конвертировании.Если у кого-то есть в запасе другие найденные конвертеры, пишите в комментариях с пояснением, дополню список с вашей заметкой.
Спасибо за внимание.
В процессе выполнения верстки нового проекта у веб-разработчиков зачастую возникает проблема отсутствия необходимых шрифтов. В подобной ситуации можно не сомневаться в том, что у рядового посетителя сайта возникнет абсолютно такая же проблема.
На ранних этапах развития глобальной сети проблем со шрифтами вообще не было. Практически все «первые» сайты использовали стандартные шрифты, предустановленные в любой ОС того времени.
Однако конкуренция и желание удивить своих посетителей дизайнерскими изысками способствуют появлению новых весьма витиеватых шрифтов. Этому способствует и желание монетизировать свой интернет-ресурс посредством эксклюзивных маркетинговых ходов.
Директива @font-face
Сложившаяся ситуация вынуждает веб-дизайнеров разрабатывать свои уникальные и зачастую очень сложные шрифты. А вот реализация дизайнерских задумок ложится на плечи веб-разработчиков. Для упрощения работы этих специалистов была создана директива @font-face. Она позволяет разработчикам интегрировать шрифты в браузер напрямую. За счет этого обеспечивается повышение скорости загрузки страниц и улучшение графики. Однако @font-face имеет один существенный недостаток – далеко не все интернет-браузеры могут воспринять интегрированные шрифты. В данной ситуации невозможно обойтись без такого замечательного инструмента веб-разработчика, как конвертер шрифтов.
Поиск конвертера шрифтов
Поиск сайтов, предоставляющих возможность использования конвертера шрифтов онлайн – это весьма сложная задача. К сожалению, в сети сегодня представлено не так много ресурсов, которые позволяют качественно конвертировать шрифт для web. Среди имеющихся вариантов внимания заслуживают следующие сервисы:
Конвертер шрифтов — Freefontconverter
Первым в списке лучших ресурсов для конвертирования шрифтов является сайт freefontconverter. Несмотря на то, что этот ресурс англоязычный, он не требует от пользователей особых знаний иностранных языков. Ошибиться в выборе формата конвертирования нереально, так как на сайте freefontconverter находится только лишь форма конвертера. Для того чтобы конвертировать шрифт для сайта, нужно загрузить имеющийся шрифт в форму, выбрать необходимое расширение и нажать на кнопку «Convert». В течение нескольких секунд начнется автозагрузка конвертированного шрифта на компьютер.
Единственным минусом этого сайта является невозможность конвертирования в несколько шрифтов одновременно. В такой ситуации пользователям необходимо повторять операцию конвертации шрифтов для сайта нужное количество раз.
Конвертер шрифтов — Everythingfonts
Сайт everythingfonts – еще один мощный конвертер шрифтов для web. Наверное, нет такой задачи по конвертированию шрифтов, которую не смог бы решить этот сервис. Но и он имеет недостатки. Для использования everythingfonts понадобятся малейшие знания английского языка.
Конвертер шрифтов — Fontsquirrel
Для того чтобы конвертировать шрифт в woff или любой другой формат, можно использовать сайт fontsquirrel . Этот сайт позволяет выполнить конвертацию фактически в один клик. Особенностью данного ресурса считается наличие нескольких уровней (от базового до экспертного). Fontsquirrel отличается наличием довольно большой библиотеки шрифтов. Вот только кириллических шрифтов чрезвычайно мало.
Конвертеры для кириллицы
Резюмируя, стоит заметить, что в интернете представлен огромный выбор латинский шрифтов. А вот кириллических шрифтов катастрофически мало. Однако и в русскоязычном интернете есть неплохие ресурсы. Речь о сайтах fonts-online и ph4. Первый ресурс предоставляет пользователям огромнейшую библиотеку «русских» шрифтов с удобной сортировкой. Сайт ph4, прежде всего, предназначен для веб-дизайнеров. На этом сайте можно не только конвертировать шрифт, но и воспользоваться различными инструментами для оформительских нужд.
В этом небольшом обзоре представлена лишь некоторая часть доступных ресурсов для конвертирования. Тем не менее, для качественной конвертации шрифтов этих ресурсов будет вполне достаточно.
