Понедельник, 16 сентября 2013 12:10

Нестандартные шрифты в шаблоне joomla

Автор
Оцените материал
(0 голосов)

Столкнулся с иностранным шаблоном для Joomla в котором использованы красивые но нестандартные шрифты без кириллицы, внедренные с помощью @font-face.

Пришлось дорабатывать. Покажу на примере шрифта Lobster, он красивый и бесплатный.


Алгоритм действий такой:


1. Ищем такой же шрифт (или похожий) с кириллицей. (файл ttf).

2. С помощью webfont generator генерируем наш web kit и скачиваем его. При генерации ставьте режим Expert и в настройках (Custom Subsetting) ставьте нужные языки (обыно это English и Cyrillic) иначе можете потерять русский язык. В полях Character Type и Unicode Tables отмечаем галочками все пункты (при желании можно что то и не отмечать, но нам нужно чтобы 100% работало!).

3. Распаковываем полученный архив, файлы .eot, .ttf, .svg, .woff копируем в папку со шрифтами на сервере.

4. Из файла stylesheet.css берем стиль шрифта и копируем в наш css шаблона (у меня это fonts.css).

5. Во всех css файлах меняем (при необходимости) старое название шрифта на новое. В моем случае это был Lobster13Regular, а стал lobster_1.4regular.

6. (опционально) если на сайте ничего не поменялось, то, возможно, в настройках стоит кэширование css - просто почистите кэш (Сайт-Обслуживание-Очистить весь кэш) и попробуйте еще раз.

Прочитано 4784 раз
Добавить комментарий