Question

我有一种名为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开发人员网络后，我可以看到字体已加载，但h1中没有更改

这是在prestashop中添加自定义字体的正确方法吗？

Answer 1

要在Prestashop中添加自定义字体，您可以注册fonts.css来加载自定义字体，并在custom.css文件中添加CSS。

请遵循以下提到的步骤；

1）通过在css下添加以下代码，将assets注册到theme.yml（More details here）中。

themes / {your_theme} /config/theme.yml

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

2）在fonts.css下创建文件themes/{your_theme}/assets/css，并在其中添加以下代码。

主题/{your_theme}/assets/css/fonts.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（Reference）

4）在fonts下创建themes/{your_theme}/assests文件夹，并将与此字体有关的所有文件添加到该文件夹中。

5）将您的css添加到custom.css文件中

主题/{your_theme}/assets/css/custom.css

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

如果这不起作用，请给important如下；

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

进行所有这些更改后，请检查您的商店。

希望这会有所帮助！

Answer 2

最好的方式是等待：D

https://github.com/PrestaShop/fontmanager

此免费模块正在进行中，不久将可用。那么您可以从BO的模块列表中激活它，并上传您的自定义字体。

如何在prestashop中添加自定义字体？

2 个答案: