如何在网站上使用自定义字体？

问题描述

为了让我的网站看起来不错，我需要使用自定义字体，具体来说，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 辅助翻译的英文资料结果。如果您对结果不满意，可以加入我们改善翻译效果：薇晓朵技术论坛。