Shopify独立站系统自带很多字体,如果觉得不够用也可以自定义自己的字体,特别是对于有设计过店铺品牌定位的店铺,设置一个自己的字体也是非常有必要的。

首先我们需要把字体传到shopify后台文件里面

shopify字体上传

然后在模板文件里面引用

@font-face {
    font-family: WONDER;
    src: url(https://cdn.shopifycdn.net/s/files/1/0613/1810/3287/files/8-BIT_WONDER.TTF?v=1638949231)
}


然后对字体进行定义就可以了

  p {
    font-family: WONDER!important;
}


相关阅读: