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

为了使我的网站看起来不错，我需要使用自定义字体，特别是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或网页font-face

@ font-face的用法

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

networking字体

看看Google Webfonts， http：//www.google.com/webfonts

Answer 3

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

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

Answer 4

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

所需的CSS是：

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

Answer 5

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

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

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

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