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