怎样在Shopware6.5.1中添加自定义字体？

1. 将所需字体文件(.woff, .woff2, .ttf, .otf等)上传到Shopware的public目录中，例如添加的文件名为"custom-font.ttf"。

2. 在Shopware后台中创建一个新主题或编辑现有主题。在主题的根目录下创建一个新的文件夹"Fonts"。

3. 在“Fonts”文件夹中创建一个新的CSS文件“custom-font.css”，并将以下代码复制到文件中：

@font-face {
    font-family: 'Custom Font';
    src: url('/custom-font.ttf');
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}

4. 将CSS文件保存并上传到刚才创建的“Fonts”文件夹中。

5. 更改主题文件夹中的"style.scss"或"style.less"文件（这取决于您使用的是SCSS还是LESS）。

6. 在文件底部添加以下行：

@import 'Fonts/custom-font.css';

7. 保存并编译主题文件。

8. 在Shopware后台中启用所创建或编辑的主题。

9. 您已经成功地将自定义字体添加到Shopware 6.5.1中。

代码示例：

custom-font.css:

@font-face {
    font-family: 'Custom Font';
    src: url('/custom-font.ttf');
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}

style.scss 或 style.less:

// other styles

@import 'Fonts/custom-font.css';

// other styles