Question

我正在向Luma主题添加自定义字体，并按照以下教程进行操作： Customize email templates

我已将字体添加到 {luma-theme-path}/web/fonts

_typography.less文件：

.lib-font-face(  
    @family-name:@font-family-name__base,   
    @font-path: '@{baseDir}/fonts/my_font_name',  
    @font-weight: 400,  
    @font-style: normal  
);

已更新_variables.less文件中的字体，如下所示：

// Fonts  
@font-family-name__base: 'my_family_name';  
@font-family__base: @font-family-name__base;

我在电子邮件模板CSS中使用了my_family_name。但是此字体不适用于电子邮件。我还执行了以下命令：

php bin/magento setup:static-content:deploy -f  
php bin/magento indexer:reindex  
php bin/magento cache:clean

Answer 1

订购电子邮件继承了前端主题定义的自定义字体。因此，您可以在主题中已定义的订单电子邮件中使用自定义字体。

如果自定义字体未在前端主题中定义，则请首先按照教程介绍如何在Magento documentation ↗中描述的主题中添加自定义字体。

一旦主题包含新字体，则需要更新自定义主题的 source / _variables.less 和 source / _typography.less 文件，以引用自定义主题新字体。例如，

@font-family__base: MyNewFont,sans-serif;

Magento_Email / email / header.html 和 Magento_Email / email / footer.html 文件也是如此。例如，

font-family:MyNewFont,sans-serif;

更新后，电子邮件应自动使用指定的字体。

教程来自：https://themes.email/magento/how-to-add-custom-fonts-in-magento-order-emails.html

Magento 2将自定义字体添加到电子邮件模板

1 个答案: