是的,您可以使用 CSS 中的 @fontface 功能上传自定义字体,但您需要有权访问服务器来存储和上传它。我使用了 Luna 主题,这很有魅力:
将此代码插入到您的 CSS 文件中,并将 URL 替换为字体的正确位置:
@font-face {
font-family: CustomFontName;
src: url(http://yourserver.com/fonts/customfontname.ttf);
}
我选择将我的放在主题的“Elements/Shared”部分,距离 CSS 文件开头稍远一些。
然后更改 CSS 的这一部分:
/* Body Font */
body,
.product_header h3,
.product_header h5,
#product_inventory li h5,
#cart_items li .item_option,
#cart_summary li h3,
#social_links li h4,
.standalone .canvas p
{ font-family: {{ theme.body_font | font_family }}; }
/* Header Font */
h1, h2, h3, h4, h5, h6,
.button,
#error li,
#site_footer ul,
#site_footer #search input,
#main_nav li,
#cart_items li dt,
#cart_items li dd,
#cart_options #cart_discount p,
#cart_summary li span,
.standalone .canvas h1, input,
#cart_items li .quantity_input input
{ font-family: {{ theme.header_font | font_family }}; }
To this:
/* Body Font */
body,
.product_header h3,
.product_header h5,
#product_inventory li h5,
#cart_items li .item_option,
#cart_summary li h3,
#social_links li h4,
.standalone .canvas p
{ font-family: CustomFontName; }
/* Header Font */
h1, h2, h3, h4, h5, h6,
.button,
#error li,
#site_footer ul,
#site_footer #search input,
#main_nav li,
#cart_items li dt,
#cart_items li dd,
#cart_options #cart_discount p,
#cart_summary li span,
.standalone .canvas h1, input,
#cart_items li .quantity_input input
{ font-family:CustomFontName; }
您应该已准备就绪,整个主题的字体将发生变化。这仅在 Luna 主题上进行了测试,但我想这应该适用于所有主题。
大卡特尔 fonts custom