Если данный туториал не то, что Вы искали, у Вас все еще остались вопросы или предложения - дайте нам знать. Пожалуйста, помогите нам обслуживать Вас лучше!

Ваше имя

Ваш e-mail

Ваше сообщение (обязательно)

captcha

Новые шаблоны

PrestaShop 1.6.x. Как добавить пользовательский шрифт

Из этого туториала Вы узнаете, как добавить пользовательский шрифт в PrestaShop 1.6.

PrestaShop 1.6.x. Как добавить пользовательский шрифт

Иногда Вам может понадобиться установить дополнительные шрифты, помимо Шрифтов Google.

  1. Найдите бесплатный шрифт, используя браузер, который Вы предпочитаете (Google, Yahoo и т. д.), например, http://www.fontsquirrel.com.

  2. Выберите шрифт, который Вам нравится, и нажмите на кнопку Скачать (download), для того чтобы сохранить его на ваш компьютер:

    PrestaShop_1.6_How_to_add_a_custom_font_1

    Убедитесь, что шрифт имеет формат TTF (True Type Font) или OTF (Open Type Font).

  3. Перейдите на сайт http://www.font2web.com/ и нажмите на кнопку “Обзор…” (Browse), для того чтобы выбрать скачанный файл .ttf/.otf.

  4. Загрузив файл шрифта, нажмите на кнопку “Конвертировать и скачать” (Convert and Download), для того чтобы скачать конвертированный шрифт на ваш компьютер:

    PrestaShop_1.6_How_to_add_a_custom_font_2

  5. Загрузите файлы конвертированного шрифта в папку themes/theme_number/fonts сайта, используя FTP или Панель управления хостингом. Убедитесь, что Вы разархивировали файлы шрифта непосредственно в папку fonts:

    PrestaShop_1.6_How_to_add_a_custom_font_3

  6. Скопируйте код из файла fonts.css из файлов шрифта и вставьте его в файл themes/theme_number/css/global.css или stylesheet.css (для разных шаблонов). После вставленного фрагмента кода добавьте прямую ссылку на шрифт в формате your_site_url.com/themes/theme_number/fonts/font_file:

     /* FONT PATH
      * -------------------------- */

    PrestaShop_1.6_How_to_add_a_custom_font_4

  7. Добавьте font-family код css из файла fonts.css в файл нужного элемента сайта. Например, мы добавим этот код в файл themes/theme_number/css/modules/tmmegamenu/views/css/tmmegamenu.css, для того чтобы изменить шрифт элементов меню:

    .top_menu > ul > li > a {
      font-family: 'Conv_AbrilFatface-Regular' !important;
      }
      

    PrestaShop_1.6_How_to_add_a_custom_font_5

    Следуйте инструкциям из этого туториала, чтобы узнать нужный фрагмент кода.

Вы можете также ознакомиться с детальным видео-туториалом ниже:

PrestaShop 1.6.x. Как добавить пользовательский шрифт