如何在網站上使用自定義字型？

問題描述

為了讓我的網站看起來不錯，我需要使用自定義字型，具體來說，Thonburi-Bold 。問題是 – 字型不會顯示，除非使用者已經安裝了它。它也不會在 firefox 中顯示。

這個問題有解決方法嗎？

最佳解決方案

您必須匯入樣式表中的字型，如下所示：

@font-face{
    font-family: "Thonburi-Bold";
    src: url('Thonburi-Bold.ttf'),
    url('Thonburi-Bold.eot'); /* IE */
}

次佳解決方案

您可以使用 CSS3 font-face 或 WebFonts

@ font-face 用法

@font-face {
   font-family: Delicious; 
   src: url('Delicious-Roman.otf');
} 

網路字型

看看 Google Webfonts，http://www.google.com/webfonts

第三種解決方案

CSS 可讓您在自己的網站上使用自定義字型，下載字型。您可以下載您喜歡的字型，我們來說 myfont.ttf，並將其上傳到託管部落格或網站的遠端伺服器。

@font-face {
    font-family: myfont;
    src: url('myfont.ttf');
}

第四種方案

是的，有辦法。它在 CSS 中稱為自定義字型。您的 CSS 需要修改，您需要將這些字型上傳到您的網站。

所需的 CSS 是：

@font-face {
     font-family: Thonburi-Bold;
     src: url('pathway/Thonburi-Bold.otf'); 
}

參考文獻

• How can I use custom fonts on a website? [duplicate]

注：本文內容整合自 Google/Baidu/Bing 輔助翻譯的英文資料結果。如果您對結果不滿意，可以加入我們改善翻譯效果：薇曉朵技術論壇。