Як використовувати будь-який шрифт на сайті
Сьогодні у нас невелика добірка рішень, які допоможуть вам використовувати будь-який (ну майже ;-) шрифт на своєму сайті. Серед розглянутих рішень будуть скрипти, які використовують тільки JS, JS + Flash і JS + PHP.
Всі ці рішення працюють у всіх сучасних браузерах, за умови, що включений JS і, якщо треба, є флеш плагін.
Рішення на чистому JS, без використання флеша. Скрипт використовує для роботи SVG і VML. Давайте подивимося, як це все працює.
Для початку, йдемо на сторінки завантаження і качаємо саму бібліотеку. Далі нам потрібен буде спеціальний файл зі шрифтом. Для цього вибираємо потрібний нам ТруТайп шрифт і конвертуємо його. Підключаємо до сторінці ось так:
Ще одне рішення, теж на js + SVG / VML. Власне, принцип роботи і порядок дій такий же, як у typeface.js. Як плюс можна відзначити, що є підтримка не тільки .TTF, але і .OTF шрифтів.
Йдемо на сайт проекту, качаємо бібліотеку і генеруємо файл шрифту (ух, як багато полів). Тепер імплементім на сайт.
У загальному і цілому, виходячи з опису установки, можу сказати, що процес не такий простий, як у Фонтфейса і та Куфона.
Ця штука замінює зазначені вами частини тексту. картинками. Ось таке, з одного боку, оригінальне, а з іншого, звичне рішення.
Для роботи необхідно мати PHP (бажано п'ятий) і GD на сервері. На сервері-то якраз і будуть відбуватися всі операції зі шрифтами. На клієнті ж потрібно тільки задати правила, як і що замінювати.
Думаю, що при грамотному використанні, ці скрипти зможуть допомогти вам робити сайти більш цікавими, зручними і красивими. Тільки не перестарайтеся з заміною шрифтів.
P.S. Можливо ви помітили, що наш блог подолав чергову планку - кількість передплатників недавно перевищила тисячу осіб, а середня відвідуваність перевалила півтори тисячі відвідувачів в день. Ми ростемо ;-)
Співзасновник Временно.нет. Цікавиться онлайн бізнесом, дизайном, юзабіліті і клієнтським програмуванням. Бере участь в розробці декількох інтернет-проектів.
Іноді пише в Твіттер. але частіше на Временно.нет.