Да прошу прощения не осветил свой шаблон. Шаблон использую от YooTheme - Radiance.
Шрифт мне нужно поменять в трех местах:
1) Сам текст на страницах материалов.
2) Шрифт у главного меню, вверху сайта - позиция menu
3) Заголовки
На самом деле хоть я и разбил на 3 пункта, но тут должен быть везде один и тот же шрифт, чтобы не было каши с начертанием.
Шрифт я написал выше который выбрал. Он кириллицу поддерживает!
В этом шаблоне созданы в папке CSS 3 папки Font1, Font2, Font3. 1) это для body, 2) для Header, 3) для menu Об этом говорит вот этот блок кода из файла config.xml
----------------------------------------------------
<field name="font1" type="list" default="default" label="Body Font" description="Select the main body typeface.">
<option value="arial">Arial</option>
<option value="lucida">Lucida</option>
<option value="georgia">Georgia</option>
<option value="timesnewroman">Times New Roman</option>
<option value="trebuchet">Trebuchet</option>
<option value="droidsans">Droid Sans</option>
<option value="istokweb">Istok Web</option>
<option value="signika">Signika</option>
<option value="mavenpro">Maven Pro</option>
<option value="play">Play</option>
</field>
<field name="font2" type="list" default="default" label="Header Font" description="Select the headings typeface.">
<option value="arial">Arial</option>
<option value="lucida">Lucida</option>
<option value="georgia">Georgia</option>
<option value="timesnewroman">Times New Roman</option>
<option value="trebuchet">Trebuchet</option>
<option value="bebas">Bebas Neue</option>
<option value="yanonekaffeesatz">Yanone Kaffeesatz</option>
<option value="droidsans">Droid Sans</option>
<option value="istokweb">Istok Web</option>
<option value="patuaone">Patua One</option>
<option value="signika">Signika</option>
<option value="mavenpro">Maven Pro</option>
<option value="marvel">Marvel</option>
<option value="fugazone">Fugaz One</option>
<option value="squadaone">Squad One</option>
<option value="play">Play</option>
</field>
<field name="font3" type="list" default="default" label="Menu Font" description="Select the menu typeface.">
<option value="arial">Arial</option>
<option value="lucida">Lucida</option>
<option value="georgia">Georgia</option>
<option value="timesnewroman">Times New Roman</option>
<option value="trebuchet">Trebuchet</option>
<option value="bebas">Bebas Neue</option>
<option value="yanonekaffeesatz">Yanone Kaffeesatz</option>
<option value="droidsans">Droid Sans</option>
<option value="istokweb">Istok Web</option>
<option value="patuaone">Patua One</option>
<option value="signika">Signika</option>
<option value="mavenpro">Maven Pro</option>
<option value="marvel">Marvel</option>
<option value="mymenufont">Metropol</option>
<option value="fjordone">Fjord One</option>
<option value="fugazone">Fugaz One</option>
<option value="squadaone">Squad One</option>
<option value="play">Play</option>
</field>
----------------------------------------------------
Вот тут я и работал с инструкцией по добавлению шрифта с сайта разработчика
Перед тем как создать эту тему, я кучу инфы прочитал с этого портала ее и перепробовал на шаблоне.
Про georgia.css сказал потому что как я понимаю, не смотря на мои усилия, этот CSS как будто подключен как главный или как-то так, потому что когда я смотрю FireBug-ом код то для body все время прописан он!
Как делал все я? Вот инструкция с сайта разработчика, раздел "ADD FONTS":
http://www.yootheme.com/themes/documentation/customizing/add-new-css-js-or-fontsи кому не охота идти по ссылке вот содержание
-----------------------------------------------------------------------------
Put your font files to the theme's /fonts directory. Create a CSS file wich includes the font and give it a proper name like fontname.css. Edit the /layouts/template.config.php file and add a new line in the load fonts section:
// load fonts
$this['asset']->addFile('css', 'template:fonts/myfont.css');
Update the theme's config.xml file to make your font available in the theme settings. Presently 3 different types are available (Body, Header and Menu Font). Just add your new option in the desired font parameter (font1, font2 or font3). In the following example we add our new font to the Body Font parameter.
<field name="font1" type="list" default="default" label="Body Font" description="Select the main body typeface.">
<option value="arial">Arial</option>
<option value="lucida">Lucida</option>
...
<option value="myfont">My Font</option>
Next, create a myfont.css file for your font in the /css/font1 directory. This file defines all the selectors you want to apply your new font to. Make sure to check out the existing files in this directory because you want to setup your myfont.css the same way. We continue our example and define the body font in our myfont.css like this:
body { font-family: "MyFontRegular"; }
-----------------------------------------------------------------------------
Я ее уже наизусть выучил - не работает или я не так делаю!
Там на первом шаге, где разработчик пишет, что создайте CSS.файл для описания вашего шрифта, я через @font-face - это делаю!
Пока не понял где я ошибся или что не так
23.05.2018, 03:04:28