Как добавить пользовательские шрифты в PrestaShop?

Как добавить пользовательские шрифты в PrestaShop?

26.09.2018 12:51:05 Просмотров 56 Источник

У меня есть шрифты идет по имени FuturaPT, я хотел бы использовать этот шрифт в моей корзине покупок ,

Вот что я добавил в свою корзину модуль css

  @font-face {
    font-family: 'FuturaPT-Book';
    src: url('../fonts/FuturaPT-Book.eot');
    src: url('../fonts/FuturaPT-Book.woff2') format('woff2'),
      url('../fonts/FuturaPT-Book.woff') format('woff'),
      url('../fonts/FuturaPT-Book.ttf') format('truetype'),
      url('../fonts/FuturaPT-Book.svg#FuturaPT-Book') format('svg'),
      url('../fonts/FuturaPT-Book.eot?#iefix') format('embedded-opentype');
    font-weight: normal;
    font-style: normal;
  }

CSS

h1{
font-size: 36px;
font-family: "FuturaPT-Book";
}

Проверка сети Chrome dev я вижу, что шрифт загружен, но никаких изменений в моем h1 ,

это правильный способ добавить пользовательские шрифты в prestashop?

У вопроса есть решение - Посмотреть?

Ответы - Как добавить пользовательские шрифты в PrestaShop? / How to add custom fonts in prestashop?

Mahdi Shad

26.09.2018 03:21:39

Лучший способ-это ждать :D

https://github.com/PrestaShop/fontmanager

Этот бесплатный модуль находится в стадии разработки и будет доступен в ближайшее время. затем вы можете активировать его из списка модулей на BO и загрузить свой собственный шрифт.

Является ответом!
Divyesh Prajapati

26.09.2018 10:31:46

Чтобы добавить пользовательский шрифт в Prestashop, вы можете зарегистрировать свои fonts.css, который загружает ваши пользовательские шрифты и добавляет ваш css в custom.css файлы.

Выполните следующие действия;

1) зарегистрируйте свой cssв теме.yml ( подробнее здесь), добавив ниже код в разделе assets

темы/{your_theme}/конфигурации/тема.в формате YML

assets:
  css:
    all:
      - id: fonts
        path: assets/css/fonts.css
        priority: 30

2) создать файл fonts.cssв разделе themes/{your_theme}/assets/cssи добавьте в него код ниже.

темы / {your_theme} / активы / css / шрифты.CSS

@font-face {
    font-family: 'FuturaPT-Book';
    src: url('../fonts/FuturaPT-Book.eot');
    src: url('../fonts/FuturaPT-Book.woff2') format('woff2'),
        url('../fonts/FuturaPT-Book.woff') format('woff'),
        url('../fonts/FuturaPT-Book.ttf') format('truetype'),
        url('../fonts/FuturaPT-Book.svg#FuturaPT-Book') format('svg'),
        url('../fonts/FuturaPT-Book.eot?#iefix') format('embedded-opentype');
    font-weight: normal;
    font-style: normal;
}

3) Теперь, чтобы загрузить css-файл, вам нужно удалить файл config/themes/{your_theme}/shop1.json (ссылка)

4) создайте fontsи добавьте в нее все файлы, связанные со шрифтами.

5) Добавьте свой cssв css файл

темы / {your_theme} / активы / css / custom.CSS

custom.css

Если это не работает дайте h1 { font-size: 36px; font-family: "FuturaPT-Book"; } как показано ниже;

important

После внесения всех этих изменений проверьте свой магазин.

Надеюсь, это поможет!

Закрыть X