时间戳

首页 > 解决方案 > Shopify CLI 无法提取字体文件并且不会显示字体

css - Shopify CLI 无法提取字体文件并且不会显示字体

问题描述

从 shopify 中提取主题时，出现此错误：

┏━━ Pulling theme files from theme (#120391204918) on mysite.myshopify.com        
┃ ERROR get assets/1618247382_0.jpg: "\xFF" from ASCII-8BIT to UTF-8
┃ ERROR get assets/1619067170_0.jpg: "\xFF" from ASCII-8BIT to UTF-8
┃ ERROR get assets/1619072019_0.jpg: "\xFF" from ASCII-8BIT to UTF-8
┃ ERROR get assets/AT-Surt-DemiBold.otf: "\x80" from ASCII-8BIT to UTF-8
┃ ERROR get assets/AT-Surt-DemiBold.eot: "\xC6" from ASCII-8BIT to UTF-8
┃ ERROR get assets/AT-Surt-DemiBold.woff: "\xD8" from ASCII-8BIT to UTF-8
┃ ERROR get assets/AT-Surt-DemiBold.woff2: "\xBF" from ASCII-8BIT to UTF-8
┃ ERROR get assets/AT-Surt-Regular.eot: "\x90" from ASCII-8BIT to UTF-8
┃ ERROR get assets/AT-Surt-Regular.otf: "\x80" from ASCII-8BIT to UTF-8
┃ ERROR get assets/AT-Surt-Regular.woff: "\xA4" from ASCII-8BIT to UTF-8
...
┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ (114.0s) ━━━
√ Theme pulled successfully

我不知道为什么会出现这样的错误，主题在本地使用时运行良好，shopify theme serve但问题是，它不会在我的本地开发环境中显示字体。我还尝试将其推送到shopify，希望它能够在网上正确呈现，但它不会

标签： cssfontsshopifyshopify-appshopify-template

解决方案

好的，我至少找到了一种解决方法：

无法将字体从 shopify 拉到本地。我认为这是有目的的，因为他们不希望您上传他们提供的字体以外的字体。他们希望您使用 CDN。

因此，无论您使用的是 Adob​​e Typekit、Font Awesome 还是 Google Fonts 或其他一些拥有自己 CDN 的字体库，您都可以使用。如果是这样，您可以在那里获取链接，例如，我想使用 Shopify 中未提供的 Google 字体“Alata”。所以我去了 Google Fonts，得到了 Google CDN 的链接，并将它插入到我的自定义 CSS 文件的顶部。作品！

谷歌字体cdn使用

或者，如果您的字体已经在 CDN 上不可用，您可以自己将其托管在其他地方或使用 CDN 服务（可能是 cloudflare？）来这样做。我没有尝试这样做，但我确信它是可能的，并且互联网上有相关教程。

如果您正在运行一个国际网站，我建议不要在您自己的服务器上托管字体，而是在 CDN 上托管字体，因为它可能会减慢您的页面速度。

如果有人知道这一点，那么在这里分享一些操作方法会很高兴...... 

推荐阅读