我可以將自定義字體上傳到大卡特爾

Question

我在名片上使用了某種字體，爲了保持一致性，我希望在我的網站上使用它們。我沒有找到上傳字體的方法，也無法在自定義菜單中找到它。幫助將不勝感激！

Answer 1

是的，您可以使用CSS中的@fontface功能上傳自定義字體，但您需要有權訪問服務器以存儲和上傳。我用了月神的主題，這個工作就像一個魅力：

插入此代碼到你的CSS文件，並與您的字體的正確位置更換網址：

@font-face { 
    font-family: CustomFontName; 
    src: url(http://yourserver.com/fonts/customfontname.ttf); 
} 

我選擇了把礦井中的「元素/共享'部分我的主題，從你的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 }}; } 

要這樣：

/* 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主題上進行了測試，但我想這應該在所有主題中普遍適用。

bigcartelfontscustom