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

問題描述

為了讓我的網站看起來不錯，我需要使用自定義字體，具體來説，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 輔助翻譯的英文資料結果。如果您對結果不滿意，可以加入我們改善翻譯效果：薇曉朵技術論壇。