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

Question

为了让我的网站看起来不错，我需要使用自定义字体，特别是Thonburi-Bold。问题是 - 除非用户安装了字体，否则不会显示字体。它也没有在firefox中显示。

这个问题有解决方法吗？

Answer 1

您必须在样式表中导入字体，如下所示：

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

Answer 2

您可以使用CSS3 font-face或webfonts

@ font-face usage

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

<强>网络字体

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

Answer 3

是的，有办法。它在CSS中称为自定义字体。您的CSS需要修改，您需要将这些字体上传到您的网站。

这需要的CSS是：

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

Answer 4

CSS允许您在网站上使用自定义字体，可下载字体。您可以下载首选项字体，例如myfont.ttf，然后将其上传到托管您的博客或网站的远程服务器。

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

Answer 5

首先，你必须将你的字体作为服务器上的.otf或.ttf。

然后使用CSS声明新的字体系列：

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

如果您将文档链接到声明字体系列的CSS文件，则可以像使用任何其他字体一样使用该字体。