Ищем шрифты для оформления сайта

22 июля 2014 Антон Кулешов 1348 0

Беря в верстку новый проект, очень часто сталкиваешься с проблемой отсутствия необходимых шрифтов, а если их нет у тебя – веб-разработчика, то, практически со 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». Через секунду шрифт уже грузится нам на компьютер. Один только минус – нельзя получить шрифт сразу во всех представленных форматах, ну что же, хотим больше – повторяем операцию нужное количество раз.

sajt-freefontconverter

В совершенстве владеете английским? Хах! Второй «клиент» специально для вас – сайт everythingfonts. Мощнейшая штука для работы со шрифтами и не только для веба. На данный момент я даже не могу сформулировать конкретной задачи по отладке шрифтов, которую бы не решил данный сервис. Разработчики на славу постарались – спасибо им.

Третий сайт - fontsquirrel, один из самых популярных сервисов данного функционала. Имеет довольно мощный конвертер, причем все необходимые форматы мы получаем фактически за один клик. Сам конвертер разделен на уровни: basic, optimal, expert - с каким себя ассоциируете, тем и пользуйтесь. Работает несколько дольше, чем наш первый представитель, но и выбор конечного результата у нас несравненно больший. Помимо всего прочего, на сайте представлена огромная библиотека шрифтов, кириллицы среди них, правда, очень мало.

sajt-fontsquirrel

Большой выбор латинских шрифтов это хорошо, но не для нас. Разработка сайтов для Рунета требует кириллицу! К сожалению «русских» шрифтов на порядок меньше, но и тут есть чем похвастаться: два ресурса fonts-online и ph4. Первый – огромная библиотека шрифтов с очень удобной сортировкой. Каждый шрифт имеет свою карточку и его можно сразу просмотреть. Второй – подарок нашим «замечательным» дизайнерам, там не только куча шрифтов, но и прочая «приблуда» для оформительских нужд и не только.

Вот и подошел к концу наш маленький обзор, в котором я перечислил ресурсы, заслужившие моего внимания. Надеюсь, читателю будет полезна данная информация, если кто-то готов поделиться еще какими-либо полезными сервисами – пишите в комментарии, рассмотрим!

Реклама
Комментариев еще не оставлено
no_avatar
Читайте далее

Делаем подгрузку контента при прокрутке страницы

16 ноября 2014 Антон Кулешов

В настоящее время на многих сайтах можно увидеть динамически подгружаемый контент при прокрутке страницы. Этот эффект стал одной из хороших альтернатив обычной постраничной навигации. Хотя и у него есть свои недостатки, но удобство этого способа их компенсирует. Из этой статьи вы узнаете, как реализовать такой функционал у себя в проекте используя jQuery плагин jScroll.

Эффект лупы при помощи jQuery плагина

25 сентября 2014 Антон Кулешов

Наверняка на многих сайтах вы видели такой функционал как зумирование изображений, особенно это любят делать в интернет магазинах. Это позволяет пользователю максимально детально рассмотреть интересующий его товар. В этой статье мы рассмотрим один из jQuery плагинов, который решает эту задачу.

Всплывающие подсказки balloon CSS

8 июня 2016 Антон Кулешов

Приветствую, друзья! Недавно работал над одним сайтом и в коде увидел очень интересную CSS библиотечку для добавления всплывающих подсказок. Решений на эту тему есть уже масса, и я неоднократно добавлял к себе на сайт разные варианты, но увидев balloon решил о нём написать.