Сегодня хотелось бы написать статью, про шрифты на сайте. Про их правильное использование, про те шрифты которые будут отображаться правильно через любой браузер у посетителя на нашем сайте. Если вы заботитесь об удобстве пользователей, то есть о юзабилити, то данную тему упускать не стоит.
Изначально, стандартный набор который поддерживает любой браузер, состоит из семи шрифтов, это Comic Sans MS, Arial,Verdana, Times New Roman, Georgia, Trebuchet MS, Courier New. Есть еще несколько шрифтов которые включены в стандартный набор на некоторых операционных системах. Но в основном только эти семь.
Эта проблема решается тем, что можно вписать в файл CSS несколько элементов. Допустим пользователь зашел на сайт, а у него каким-то образом отсутствует Times New Roman, тогда у него откроется тот шрифт, который указан в строке font-family через запятую. Решается эта проблема таким вот путем:
font-family: Arial, Times New Roman, Comic Sans MS
Подключить на сайт красивый шрифт, можно не только через CSS, но и через сайт Google Font API. Сам сервис включает в себя 573 шрифта, из них латинских пока мало. Но, уже что-то для своего сайта подходящие можно выбрать.
Мощный визуальный редактор автоматически поработает над текстом. Вам остается только выбрать шрифт и скопировать нужный CSS код который дает сервис, и вставить его в шапку сайта, между тегами <head> и </head> в шаблоне.
Google Font API это бесплатный сервис, который очень быстро и хорошо развивается. Самый главный плюс этого сервиса заключается в том, если у посетителя нету на компьютере того шрифта, который есть у вас на сайте, то он у него все равно будет отображаться правильно. Пока сервис только на английском, но, в скором времени я думаю добавят и русский язык для удобного пользования.
Насчет изменения шрифтов в Joomla, то тут тоже очень просто для начала нам нужно открыть Расширения – Менеджер шаблонов – Свой шаблон – Редактировать CSS. За шрифт отвечает строка font-family. Рекомендуется в эту строку вписать первым шрифтом Arial, который присутствует на всех компьютерах, второй шрифт это Verdana или sans-serif. То есть, открывая ваш сайт, у пользователя открывается весь текст в Arial, а если у него нету такого шрифта, то откроется все в Verdana, но, если и такого нету, то, откроется соответственно все sans-serif. Можно вписать любой другой шрифт по желанию. Лучше вписывать в эту строку несколько шрифтов, для разных разделов сайта и типов загаловка.
Автор: Глеб Волжский
|