Собственный шрифт в шаблоне Joomla

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


Предположим, что название шрифта, который следует использовать на сайте – fontsbest.ttf, а его вес – 110 кБ. Самое время вспомнить о каскадной таблице стилей, да и о том, где лежат все файлы шаблона Joomla. В этом самом шаблоне следует создать папку, наиболее очевидное название которой – myfonts. В нее и должен быть скопирован вожделенный шрифт. Теперь к каскадной таблице стилей. Пора найти главный файл стилей и надлежащим образом его отредактировать. В нашем случае это будут следующие строчки:

font-face {
font-family: 'FontsBest';
src:
local(' FontsBest '),
url('../myfonts/fontsbest.ttf') format('truetype');}


Итак, все характеристики шрифта и его местонахождение в файле стилей прописаны, теперь его можно использовать. Конкретно для абзаца:

p{
font-family: 'FontsBest';}


Все бы хорошо, но есть подозрения, что не всем браузерам такого рода хитрость понравится. Естественно, можно прописать шрифт более сложным методом, а поможет ли? Шрифты truetype воспринимаются корректно далеко не всеми Интернет-обозревателями. Но можно воспользоваться тем, что просто лежит в Сети.

А в Сети существует пара сервисов:

· Fontsquirrel;
· Google Webfonts.

Их шрифты вполне устраивают все возможные Интернет-обозреватели, достаточно лишь не забыть в файле стилей шаблона прописать ссылку на соответствующий файл стилей.

Использование – как и в поданном выше коде:

p{
font-family: 'Marck Script', cursive;}


Что из шрифтов предлагает Google, можно посмотреть на сайте поисковика, воспользовавшись ссылкой www.google.com/webfonts
Если нужна документация, то она тут: developers.google.com/webfonts/docs/getting_started

Сервис Fontsquirrel работает совсем не так. Он предназначен для создания кроссбраузерного набора шрифтов и генерации кода доя каскадных таблиц стилей.


Что надо сделать? Сначала зайти на сайт Fontsquirrel. Искомый раздел – generator. Клик на кнопке Add Fonts даст возможность загрузить свой шрифт, снабдив его потом желательными настройками. Устройство поработает и выдаст запакованный набор шрифтов? Устраивающий все основные браузеры.

К примеру, может в архиве получиться вот такой набор:

fontsbest-wft.ttf - 53 кБ
fontsbest-wft.etf - 72 кБ
fontsbest-wft.woff – 34 кБ
fontsbest-wft.svg - 95 кБ.

Полученный архив надо распаковать в ранее созданную папку myfonts в шаблоне Joomla. После чего останется забрать на ресурсе сгенерированный код для каскадной таблицы стилей, внеся в него правки соответственно месту расположения файлов и их названиям. Способ использования полученных файлов такой же, как и описанный выше, только надо изменить название, если в этом есть необходимость.

.Еще сайты сделаные нами: