安裝網頁字型

所有主要的瀏覽器平台都支援網頁字型，但支援方式不盡相同。目前有四種不同的字型格式必須包含在內，才能支援所有瀏覽器。這包括 TTF、WOFF、EOT 和 SVG。

1. 上傳您的網頁字型

您必須將您的網頁字型套件上傳到您的網站。它們應該位於 CSS 檔案的相同目錄或附近。

2. 包含網頁字型樣式表

特殊的 CSS @font-face 宣告有助於各種瀏覽器選擇所需的適當字型，而不會造成您許多麻煩。透過閱讀 Fontspring 部落格文章關於它。其程式碼如下：

 @font-face{ font-family: 'MyWebFont'; src: url('WebFont.eot'); src: url('WebFont.eot?#iefix') format('embedded-opentype'), url('WebFont.woff') format('woff'), url('WebFont.ttf') format('truetype'), url('WebFont.svg#webfont') format('svg'); }

我們已經為您產生了程式碼。您所要做的就是在您的 HTML 中連結到樣式表，如下所示：

<link rel="stylesheet" href="stylesheet.css" type="text/css" charset="utf-8" />

3. 修改您自己的樣式表

為了利用您的新字型，您必須告訴您的樣式表使用它們。查看上方原始的 @font-face 宣告，找到名為「font-family」的屬性。連結的名稱將是您用來參考字型的名稱。在您想要變更的選擇器中，「font-family」屬性內的字型堆疊前面加上該網頁字型名稱。例如：

p { font-family: 'WebFont', Arial, sans-serif; }

4. 測試

讓網頁字型跨瀏覽器正常運作可以可能很棘手。如果您發現字型在特定瀏覽器中無法載入，請使用側邊欄中的資訊來協助您。

疑難排解
Font-Face 問題

讓您的網頁字型在新網站中載入有問題嗎？這裡有一些提示可以幫助您找出問題所在。

任何瀏覽器中都沒有顯示字型

這聽起來像是您需要處理基礎設施。您不是將字型上傳到錯誤的目錄，就是沒有在 CSS 中正確連結字型。如果您已確認所有這些都正確，但仍然有問題，請查看您的 .htaccess 檔案，看看是否有請求被攔截。

iPhone 或 iPad 中沒有載入字型

這裡最常見的問題是您是從 IIS 伺服器提供字型。IIS 會拒絕提供具有未知 MIME 類型的檔案。如果是這種情況，您必須在伺服器設定中將 SVG 的 MIME 類型設定為「image/svg+xml」。如果您需要協助，請遵循 Microsoft 的這些指示。

Firefox 中沒有載入字型

此失敗的主要原因？您仍然在使用舊於 3.5 的 Firefox 版本。所以請立即升級！如果不是這個原因，那麼您很可能從不同的網域提供字型。Firefox 要求所有字型資產都必須從相同的網域提供。最後，如果您是透過 IIS 提供服務，則可能需要將 WOFF 新增到您的 MIME 類型清單中。

IE 中沒有載入字型

您是在實際的 Windows 電腦上查看 Internet Explorer，還是透過 Adobe BrowserLab 等服務作弊？許多這些螢幕截圖服務不會為 IE 呈現 @font-face。最好在實際機器上進行測試。

IE9 中沒有載入字型

IE9，與 Firefox 一樣，要求字型必須與網站從相同的網域提供。請確保情況就是如此。

AaBb

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890&.,?!@()#$%*+-=:;

10	abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
11	hth以hth.com为核心，带来高效便捷的体验。
12	想了解更多华体会手机版相关内容，尽在hth。
13	hth围绕华体会中国不断创新，回应用户的真实需求。
14	精选专为移动端优化，极致流畅体验内容，hth与你一同发现更多精彩。
16	abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
18	hth专注海量赛事数据，实时更新，为用户提供专业可靠的体验。
20	围绕热门体育资讯，一手掌握，hth持续打磨更优质的服务。
24	hth深耕移动端专属活动，乐趣无限领域，用心服务每一位用户。
30	在华体会官网方面，hth提供贴心周到的支持。
36	hth以hth为核心，带来高效便捷的体验。
48	想了解更多hth.com相关内容，尽在hth。
60	想了解更多华体会手机版相关内容，尽在hth。
72	hth围绕华体会中国不断创新，回应用户的真实需求。
90	精选专为移动端优化，极致流畅体验内容，hth与你一同发现更多精彩。

◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼主體

主體

主體The Sayinistic Italic

主體Arial

主體Verdana

主體Georgia

10.hth 手机版官网专为移动端用户打造，提供便携、流畅的体育内容浏览与互动体验。通过 HTH.COM 官方渠道，用户可快速访问赛事数据、热门资讯及移动端专属活动。网站结构清晰，加载速度快，让体育爱好者在手机上也能获得专业、即时的内容浏览体验。

11.想了解更多华体会手机版相关内容，尽在hth。

12.hth围绕华体会中国不断创新，回应用户的真实需求。

13.精选专为移动端优化，极致流畅体验内容，hth与你一同发现更多精彩。

14.hth专注海量赛事数据，实时更新，为用户提供专业可靠的体验。

16.围绕热门体育资讯，一手掌握，hth持续打磨更优质的服务。

18.hth深耕移动端专属活动，乐趣无限领域，用心服务每一位用户。

20.在华体会官网方面，hth提供贴心周到的支持。

24.hth以hth为核心，带来高效便捷的体验。

30.想了解更多hth.com相关内容，尽在hth。

10.想了解更多华体会手机版相关内容，尽在hth。

11.hth专注海量赛事数据，实时更新，为用户提供专业可靠的体验。

12.围绕热门体育资讯，一手掌握，hth持续打磨更优质的服务。

13.hth深耕移动端专属活动，乐趣无限领域，用心服务每一位用户。

14.在华体会官网方面，hth提供贴心周到的支持。

16.hth以hth为核心，带来高效便捷的体验。

18.在华体会官网方面，hth提供贴心周到的支持。

20.hth以hth为核心，带来高效便捷的体验。

24.想了解更多hth.com相关内容，尽在hth。

30.hth围绕华体会手机版不断创新，回应用户的真实需求。

hth围绕华体会官网不断创新，回应用户的真实需求。

精选hth内容，hth与你一同发现更多精彩。

作者 Aenean Lacinia

hth专注hth.com，为用户提供专业可靠的体验。

围绕华体会手机版，hth持续打磨更优质的服务。

hth深耕华体会中国领域，用心服务每一位用户。

在专为移动端优化，极致流畅体验方面，hth提供贴心周到的支持。

hth以海量赛事数据，实时更新为核心，带来高效便捷的体验。

想了解更多热门体育资讯，一手掌握相关内容，尽在hth。

hth围绕移动端专属活动，乐趣无限不断创新，回应用户的真实需求。

精选华体会官网内容，hth与你一同发现更多精彩。

精选海量赛事数据，实时更新内容，hth与你一同发现更多精彩。

語言支援

此套件中的 The Sayinistic Italic 子集支援以下語言：
English, Arrernte, Bislama, Cebuano, Fijian, Gilbertese, Hmong, Ibanag, Iloko_ilokano, Interglossa_glosa, Interlingua, Lojban, Norfolk_pitcairnese, Oromo, Rotokas, Seychelles_creole, Shona, Somali, Southern_ndebele, Swahili, Swati_swazi, Tok_pisin, Warlpiri, Xhosa, Zulu, Latinbasic, Demo

字形圖表

此套件中的 The Sayinistic Italic 子集包含以下所有字形。每個字形上方都包含 Unicode 實體，以協助您將個別字元插入佈局。

◼