Qnits

Эта страница только для чтения. Вы можете посмотреть исходный текст, но не можете его изменить. Сообщите администратору, если считаете, что это неправильно.

====== Как поменять Шрифты? ======


===== Меняем шрифты. =====

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

**Изменим шрифт у блока "Товара"**

{{:pasted:20150821-152418.png}}

Узнаем имя кода элемента "Названия товара":

{{:pasted:20150821-152447.png}}

  * Кликаем ПКМ по нужному шрифту
  * Жмём "Просмотреть код элемента"
  * В открывшимся окне видим имя блока (3,4)
	
После того как мы узнали имя блока, нам нужно найти его в менеджер-панели:

{{:pasted:20150821-152528.png}}

Код (4) находится на странице стилей css в файле style.css (подчёркнут красным), нажимаем на style.css - открывается окошко кода:

{{:pasted:20150821-152620.png}}

Копируем подчёркнутую строку.
	
Идём в менеджер-панель > настройки > дизайн ваш-сайт.ру > css > style.css:

{{:pasted:20150821-152710.png}}

Открываем окошко поиска (F3)
Вставляем скопированную строку кода (если через поиск не находит, то удалите ту часть текста, которая находится в { }, вместе с { } )

Вот такими не хитрыми действиями нужный код найден:

{{:pasted:20150821-152744.png}}

==== Теперь отредактируем шрифт: ====

{{:pasted:20150821-152809.png}}

  * Font-size: размер шрифта;
  * Font-weight: насыщенность шрифта;
  * Font-family:  семейство, стиль шрифта;
  * Font-variant: small-caps;  - буквы нижнего регистра отображаются как уменьшенные заглавные.

{{:pasted:20150821-152858.png}}

Подробное описание параметров Font - [[http://zvirec.com/css_book.php?id=5#family|ссылка]]

Сохраняем

Вот и всё :), таким образом меняем шрифты для любого текста на сайте.

Qnits

Инструменты пользователя

Инструменты сайта

Инструменты страницы