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

为了使我的网站看起来不错,我需要使用自定义字体,特别是Thonburi-Bold。 问题是 – 字体不显示,除非用户已经安装它。 它也不显示在Firefox中。

有没有解决这个问题的方法?

你必须像这样在你的样式表中导入字体:

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

您可以使用CSS3 font-face或网页font-face

@ font-face的用法

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

networking字体

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

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

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

是的,有一种方法。 它被称为自定义字体在CSS.Your CSS需要修改,你需要上传这些字体到您的网站。

所需的CSS是:

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

首先,你必须把你的字体放在服务器的某个.otf或.ttf文件中。

然后使用CSS来声明新的字体系列,如下所示:

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

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