Приветствую!Расскажу вам как подключить нестандартный шрифт для использования на своём сайте.1. Идём Google Fonts API и выбираем себе шрифт2. Кликаем по выбранному шрифту, и жмём "
Use this font", копируем код:
Код:
<link href='http://fonts.googleapis.com/css?....................
и вставляем его в поле
Метатэги в
Настройках сайтаЦитата:
Если испытываете трудности со вставкой этого кода в поле
Метатеги - вставьте туда сначала такой код:
Код:
<meta name="Generator" content="okis.ru">
так же
запоминаем название шрифта, его можно узнать из кода ниже:
Цитата:
h1 { font-family: 'EB Garamond', arial, serif; }
3. Открываем исходный код любой страницы вашего сайта, находим строчку:
Код:
<link rel="stylesheet" href="/shablons/***/style.css" type="text/css" media="screen" />
Открываем этот файл CSS в новой вкладке по адресу http://ваш_логин.okis.ru/shablons/***/style.css
4. Ищем в исходном коде текст, шрифт которого вы хотите изменить, например это слоган сайта:
Код:
<div id="slogan-text" class="art-logo-text">Слоган моего сайта</div>
нас интересует
class="art-logo-text". Копируем название класса
art-logo-text, переходим во вкладку, с открытым ранее,
http://ваш_логин.okis.ru/shablons/***/style.css жмём поиск (CTRL+F), и ищем класс
art-logo-text, он может встречаться в нескольких местах, нас интересует место:
Код:
.art-logo-text, .art-logo-text a
{
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-style: normal;
font-weight: bold;
font-size: 15px;
letter-spacing: 1px;
text-transform: uppercase;
padding: 0;
margin: 0;
color: #0E0A01 !important;
}
Копируем этот кусочек, и вставляем его в поле формы
Редактировать CSS в административной панели сайта, заменяя при этом название шрифта
Tahoma, Arial, Helvetica, Sans-Serif на то, которое вы получили в Google Fonts API, в данном примере это
EB Garamond. Жмём кнопку
Обновить, и бежим на сайт посмотреть как изменился шрифт слогана в шапке, наслаждаемся новым шрифтом, мысленно благодаря при этом Google и меня.
С чувством выполненного долга, Z.
Вход
Регистрация
FAQ
Поиск
не работает, разбираюсь...