HubSpot中可用於內容的字型取決於內容類型和字型類型。 某些預設字型可在所有內容編輯器中使用,而網頁字型(如Google字型)和自訂字型則有其他限制,概述如下:
內容類型 | 字型 | |||
預設字型 | Web字體 | 自訂字型 |
||
頁面-主題範本 | ✓ | 可在佈景主題設定和樣式表中使用 | ✓ | |
頁面-編碼範本 | ✓ | 可透過樣式表或自訂模組使用 | 透過樣式表提供 | |
博客 | ✓ | 可透過樣式表或自訂模組使用 | ✓ | |
電子郵件 | 拖放電子郵件編輯器中無法使用部分預設字型 | 僅適用於自訂編碼的電子郵件範本;大多數電子郵件用戶端不支援 | 僅適用於自訂編碼的電子郵件範本;大多數電子郵件用戶端不支援 | |
知識庫 | ✓ | 可在範本編輯器的「設計」索引標籤 中找到 | 不可用 | |
自訂模組 | ✓ | 適用於電子郵件中未使用的自訂模組 | 適用於電子郵件中未使用的自訂模組 | |
行動呼籲(舊版) | ✓ | ✓ | ✓ |
請注意:並非所有帳戶都提供所有內容類型。您可以在產品和服務目錄中找到HubSpot帳戶中可用於訂閱的內容類型。
預設字型可用於所有類型的內容,並適用於大多數平臺和裝置。
前往你的內容:
Andale Mono *
Arial
Book Antiqua *
外送合作夥伴新功能
喬治亞州
Helvetica
影響*
符號*
Tahoma
客運大樓*
Times New Roman
Trebuchet MS
宋體
*無法在拖放電子郵件編輯器中使用。
* *只能在拖放電子郵件編輯器中作為網頁字型使用。
使用初學者範本和主題的頁面,以及知識庫文章和自訂模組的內容編輯器預設提供網頁字型。
如果你是開發人員,也可以使用字型欄位為佈景主題和自訂模組新增網頁字型。 以這些方式使用時,網頁字型不會從第三方服務載入; HubSpot會直接載入至內容的網域。
請注意:無法在RTF編輯器的字型下拉式選單中選擇網頁字型。
您還可以使用第三方服務,例如Google Fonts ,方法是複製字體的匯入代碼,將其粘貼到內容的樣式表中,然後通過CSS應用字體:
獲得Google Fonts的代碼後,您可以將字體添加到HubSpot內容中:
< head >
部分,在< style >....
標籤之間貼上@ import代碼。 請注意: Google字型不適用於電子郵件範本中使用的自訂模組。
前往你的內容:
除了使用標準網頁字型或Google Fonts等字型庫外,您還可以上傳字型檔案,然後在佈景主題中使用,或在樣式表中引用。
在佈景主題編輯器中,你可以上傳自訂字型,然後在頁面和文章中使用該字型。 字體文件支持以下格式: TTF、OTF、WOFF。
前往你的內容:
擊字體樣式1下拉菜單,然後選擇字體文件使用的樣式 。 您可以將相同的字型檔案設定為多種樣式。
在佈景主題編輯器中上傳自訂字型後,你可以上傳其他字型、使用其他字型樣式自訂現有字型,或刪除字型。
前往你的內容:
請注意:刪除字型會從所有下拉式選單中移除,但字型檔案會保留在檔案工具中,直到刪除為止。
除了使用標準網頁字型或Google字型等字型庫外,您還可以在檔案工具中託管字型檔案,然後在樣式表中引用它們。
請注意:自訂字型僅適用於擁有設計管理員權限的帳戶,且必須使用CSS。 添加自定義字體不會將字體添加到內容編輯器中的樣式下拉菜單中。
要在內容中使用字體,請將字體的檔案上傳到檔案工具。 建議至少上傳.woff、.ttf和.eot版本的字體,以確保字體在所有瀏覽器上載入。 您可以使用Font Squirrel轉換器工具上的專家模式來生成其他檔案格式。
在檔案工具中新增自訂字型後,您可以在樣式表中引用它。 每種字體樣式(斜體、粗體等)都需要一個單獨的@ font-face規則。 深入瞭解如何在HubSpot中使用樣式表。
@ font-family: '您的字體名稱'; src: url ('your_font_file.eot?') format ('eot'), url ('your_font_file.woff') format ('woff'), url ('your_font_file.ttf') format ('truetype');}
大多數熱門電子郵件用戶端不支援自訂字型。 為了確保讀者有一致的體驗,建議在電子郵件中使用預設網頁字型。 不過,如果您想將自訂字型新增至自訂編碼的電子郵件範本,請在將自訂字型新增至檔案工具後再新增。
@ font-family: '您的字體名稱'; src: url ('your_font_file.eot?') format ('eot'), url ('your_font_file.woff') format ('woff'), url ('your_font_file.ttf') format ('truetype');}
font-family: '您的字體名稱';
將自訂字型新增至檔案工具後,即可在自訂網誌或頁面模組中使用。 瞭解如何將自訂字型新增至自訂編碼電子郵件範本。
@ font-family: '您的字體名稱'; src: url ('your_font_file.eot?') format ('eot'), url ('your_font_file.woff') format ('woff'), url ('your_font_file.ttf') format ('truetype');}