Libre Barcode 39 字体未出现在移动设备电子邮件客户端上

Libre Barcode 39 Font doesn't appear on mobile device email client

提问人:Illuminae 提问时间:8/8/2023 更新时间:8/8/2023 访问量:93

问:

我有一封用 html 编写的电子邮件,其中包含以下内容

CSS:

@font-face {
            font-family: 'Libre Barcode 39';
            font-style: normal;
            font-weight: 400;
            font-display: auto;
            src: url(https://fonts.gstatic.com/s/librebarcode39/v19/-nFnOHM08vwC6h8Li1eQnP_AHzI2G_Bx0g.woff2) format('woff2');
            unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
        }

.barcode {
            font-family: 'Libre Barcode 39' !important;
            font-size: 5em;
            color: #000;
        }

HTML格式:

<div class="prizeWin barcode">
                *#BarCode*
</div>

其中 #BarCode 旨在被实际代码替换。

当我在 gmail 上收到电子邮件时,我在桌面上有这个:在桌面上收到电子邮件

这在移动设备上:在移动设备上收到电子邮件(同一来源)

不确定如何绕过有关移动设备上的网络字体的限制。

我尝试使用其他谷歌字体,但出现了相同的结果。

HTML CSS 电子邮件 网络字体

评论

1赞 herrstrietzel 8/9/2023
许多电子邮件客户端要么忽略 css 功能,要么按需下载它们(例如显示“加载图像/资产”等按钮)。(见 Canimail) 。您可以选择服务器端生成的 png。例如,使用像 imagettftext() 这样的 php 函数@font-face
0赞 Illuminae 8/9/2023
@herrstrietzel很想生成图像服务器端,但我应该有 50000 个,这在服务器上会很重,而且效率不高。无论如何,谢谢
0赞 herrstrietzel 8/9/2023
您可以添加一个简单的缓存条件(如果 ean 不存在 - 将其写入服务器)或批量创建所有图像。

答: 暂无答案