Беря в верстку новый проект, очень часто сталкиваешься с проблемой отсутствия необходимых шрифтов, а если их нет у тебя – веб-разработчика, то, практически со 100% вероятностью, их нет и у рядового пользователя интернета, для которого ты и ваяешь сайт.
На ранних этапах развития всемирной паутины подобных проблем вообще не существовало – всем хватало стандартных шрифтов, предустановленных в операционной системе, но дизайнерская мысль не стоит на месте, а рекламные и маркетинговые ходы порождают то многообразие контента, которое мы и наблюдаем в современном интернете. Реализация дизайнерских идей требует наличие и новых шрифтов, зачастую самых витиеватых.
На мой взгляд, возможно, только мой, каждый дизайнер просто жаждет обладать своим уникальным и неповторимым шрифтом, причем, чем сложнее шрифт – тем лучше. Ну да, дизайнеры они такие! Нам же, под гнетом заказчика, приходится как-то реализовывать подобные фантазии в реальные страницы. К нашему великому счастью была придумана директива @font-face, которая позволяет отдавать браузерам шрифты напрямую, вследствие чего страницы стали грузиться быстрее (картинок меньше стало), графика улучшилась. Но и тут не все гладко: не все браузеры воспринимают шрифты одинаково: просто закинуть ttf - файл не получится. Тут то и приходят на помощь герои нашей сегодняшней статьи – сайты конвертеры шрифтов, позволяющие перезаписать наш шрифт во все возможные форматы, и тут-то уже ни один браузер не посмеет отстроить страницу некорректно.
Найти хороший сайт, вмещающий в себя большое разнообразие шрифтов - не простая задача. При этом наличие конвертера на этом же ресурсе, весьма не плохой бонус. Хотя и просто сайт, способный конвертировать шрифты для веба, тоже очень полезен при разработке веб-приложений. Рассмотрим же пару подобных ресурсов, спасибо их создателям за то, что они есть!
Первый сайт freefontconverter – ресурс забугорный, но невероятно простой, фактически даже не требует каких-либо знаний иностранных языков. Ошибиться нереально, на странице просто присутствует форма конвертера шрифтов и ничего лишнего. Загружаем наш шрифт в любом из представленных форматов: pfa, pfb, pt3, sfd, ttf, otf, otb, t42, cef, cff, gsf, ttc, svg, ik, mf, dfont, bin, suit и bdf – проще говоря, загружаем любой имеющийся файл со шрифтом. Выбираем в выпадающем списке расширение, которое хотим получить и жмякаем кнопку «Convert». Через секунду шрифт уже грузится нам на компьютер. Один только минус – нельзя получить шрифт сразу во всех представленных форматах, ну что же, хотим больше – повторяем операцию нужное количество раз.
В совершенстве владеете английским? Хах! Второй «клиент» специально для вас – сайт everythingfonts. Мощнейшая штука для работы со шрифтами и не только для веба. На данный момент я даже не могу сформулировать конкретной задачи по отладке шрифтов, которую бы не решил данный сервис. Разработчики на славу постарались – спасибо им.
Третий сайт - fontsquirrel, один из самых популярных сервисов данного функционала. Имеет довольно мощный конвертер, причем все необходимые форматы мы получаем фактически за один клик. Сам конвертер разделен на уровни: basic, optimal, expert - с каким себя ассоциируете, тем и пользуйтесь. Работает несколько дольше, чем наш первый представитель, но и выбор конечного результата у нас несравненно больший. Помимо всего прочего, на сайте представлена огромная библиотека шрифтов, кириллицы среди них, правда, очень мало.
Большой выбор латинских шрифтов это хорошо, но не для нас. Разработка сайтов для Рунета требует кириллицу! К сожалению «русских» шрифтов на порядок меньше, но и тут есть чем похвастаться: два ресурса fonts-online и ph4. Первый – огромная библиотека шрифтов с очень удобной сортировкой. Каждый шрифт имеет свою карточку и его можно сразу просмотреть. Второй – подарок нашим «замечательным» дизайнерам, там не только куча шрифтов, но и прочая «приблуда» для оформительских нужд и не только.
Вот и подошел к концу наш маленький обзор, в котором я перечислил ресурсы, заслужившие моего внимания. Надеюсь, читателю будет полезна данная информация, если кто-то готов поделиться еще какими-либо полезными сервисами – пишите в комментарии, рассмотрим!