Bstrz afbanner platinum 728x90

Как изменить шрифт в Joomla

Полезные советы 8

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

Шрифт в Joomla

Как правило, макет содержит шрифт, стоящий первым в списке. Соответственно, проставить свой шрифт (к примеру, Ubuntu) можно, только поставив его название первым. Кроме того, указывая свой шрифт перед Arial, вы добьетесь вызова по умолчанию желаемого Ubuntu, а затем уже будет отображаться Arial, Verdana либо sans-serif.

Лучше, если проставлено несколько вариантов, чтобы не потерять пользователя изза такой досадной чепухи. Заходите в Расширения / Менеджер шаблонов / Свой шаблон / Редактировать CSS, вписывая нужный шрифт в строчку font-family: 1шрифт, 2шрифт и т.д.
Первый код

Размер

Размер, изменениеЧтобы изменить размер шрифта заголовков, подзаголовков и самого текста, внутри административной панели Jooma вашего сайта потребуется изменить некоторые настройки. Подобная проблема может возникать, если по умолчанию используется визуальный редактор TinyMCE (в «Общих настройках» в разделе «Сайт»). По умолчанию в этом редакторе установлен размер шрифта 10 пикселей, однако решить проблему можно созданием пользовательских настроек размера шрифта с помощью CSS, после чего произвести настройку размеров шрифтов для использования в вашем редакторе.

В пункте Расширения выбираем подпункт Менеджер шаблонов и в нужном шаблоне выполняем редактирование стиля, отвечающего за изменение размера шрифтов.

Для создания файла CSS нужно воспользоваться текстовым блокнотом, чтобы получить следующую запись:

body, td, pre { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.6em; }

В этом файле CSS я отобразил шрифт на 160% больше от первоначального показателя. Желаемый размер выбирается с использованием пикселей (13px), пойнтов (13pt), но для удобства лучше применять форму записи в процентах (em), т.к. они подходят для всех браузеров. В дальнейшем, это поможет избежать проблем с отображением административной панели в предпросмотре разными браузерами.

Цвет шрифта

Цвет шрифта меняется аналогично размеру и типу шрифта. Единственно, в чем состоит разница, так это в выбранных параметрах. Цвет шрифта, равно как и фон сайта меняется внутри меню административной панели, в шаблоне JA_Purity. Находим в Расширениях/ Менеджее шаблонов / Своем шаблоне / Редактировать CSS и вписываем нужный цвет (например, blue) в параметр color (цвет фона – в параметре background  #ffffff):

Второй кодТребуемый цвет шрифта готов!

Стили CSS

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

Отображение классов CSS, ответственных за оформление пунктов меню имеет следующий вид:

Третий код

8 комментариев

сначала новые
по рейтингу сначала новые по хронологии
Валера

ребята, подскажите, как изменить шрифт. в одной строке 4 слова, мне надо изменить шрифт в 2-ух последних, как это прописать?

Меняю в файер баге (в опере проинспектировать элемент тоже самое) размер шрифта главного меню, и при этом меняется размер шрифта текста страницы. Че делать? тема от youtheme. Джумла 3.

Я че то не понял, так а как не прибегая к CSS изменить размер шрифта? Кто нить знает?

нет, через CSS не очень сложно менять.

Татьяна

Здравствуйте, не подскажите как в joomla сделать например, 3 кнопочки, с выбором размера шрифта, и выбором цвета шрифта и фона (для слабовидящих к примеру) Чтоб пользователь при нажатии определенной кнопочки у себя на мониторе видел весь шрифт крупнее?

Татьяна, поищите в гугл или яндекс модуль FontZoomer, с помощью него это можно сделать.

Неет... там только размер шрифта, а какой модуль что бы изменять контрастность сайта.. подскажи прошу.

Есть один, нашёл, но платный..

Спасибо, чудо нужная статья, а если подскажите как или почему у меня не сохраняются внесенные изменения, буду вспаминать вас добрым словом)

Добавить комментарий

Такой e-mail уже зарегистрирован. Воспользуйтесь формой входа или введите другой.

Вы ввели некорректные логин или пароль

Извините, для комментирования необходимо войти.

Сообщить об опечатке

Текст, который будет отправлен нашим редакторам:

Более 6 лет опыта работы

Отвечу в течении 24 часов

Минимальная сумма заказа 1000Р

Ваше сообщения отправлено
Ваше сообщения отправлено успешно