О шрифтах и полезных сервисах

Сервис конвертации шрифтов @font-face

Пошла мода на необычные приблуды. Часто макет встречается с особенностями: шрифт, градиенты, рамки у таблиц, фон таблиц при наведении, красивые input'ы и т.д.

Если кнопку можно вырезать и наложить фоном, рамки и фон у таблиц в cms drupal можно опционально задать, скрипты для переопределения input'ов найти в сети (например, у dimox - http://dimox.name/jquery-form-styler/), то со шрифтами начинается самое интересное.

Довольно многие ребята (и веб-мастеры, и даже заказчики) предпочитают использовать шрифты от Google (http://www.google.com/fonts). Очевидно, что сервис имеет ряд преимуществ: не нужно париться с конвертацией шрифтов, с их отображением в последних версиях современных устройств, с выбором. Правда, есть и ряд особенностей:

google fonts

 

Первая: Web Fonts не работают корректно, если имя пользователя или путь к профилю Оперы содержат кириллицу;

Вторая: В целях уменьшения скорости загрузки шифрта возможно указать конкретный набор символов (например, только строчные буквы "абвгдеёжзиклмнопрстуфхцчшщъыьэюя" или только цифры "0123456789"), который выбранный вами шрифт имеет право обработать.

* Подробнее об этом https://developers.google.com/fonts/docs/getting_started?hl=ru&csw=1#Opt...

Удобно и красиво. Галактчиеское спасибо разработчикам за сервис и некий вид альтруизма под которым сервис распространяет тематический контент.

webfont

Недавно нашл интересный сервис с готовыми шрифтами: http://webfont.ru/

Правда, выбор не столь огромный, но сервис предоставляет немало возможностей: создавать свои шрифты, получать шрифты уже сконвертированные по правилам @font-face.

@font-face - правило CSS 2\3, позволяющее использовать специфичесике шрифты; подробнее - http://htmlbook.ru/css/font-face

Когда заказчик желает использовать нестандартный шрифт, то он как правило передаёт какой-то файл или ссылку на файл, где лежит всего лишь ttf. Например, нашёл в сети шрифт бесплатный, от радости скачал и параллельно решил себе мега-сайт сделать на таком красивом и уникальном шрифте. При этом требуется, чтобы сайт поддерживался в браузерах IE, Firefox и Safari. Разумеется, чтобы и шрифт отображался без всяких отклонений.

IE поддерживает EOT, Firefox EOT и TTF, а Safari OTF, TTF и SVG.

В этом случаем нам необходим конвертер, который для каждого браузера создаст нужный формат шрифта по правилу @font-face

Найти подобные сервисы не составит труда, потому в сети их множество. Например, некоторые из них:

Правда, первый конвертер может негодовать, если вы решили использовать какой-то шрифт, защищенный авторским правом. Например, Segoe UIinfo-icon - который используются в Windows 8.

Plain text

Target Image