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

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用法

@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');
}