如何使用自定义字体在网站上？ [重复](How can I use custom fonts o

这个问题已经在这里有一个答案：

• 如何嵌入字体在HTML？ 6个回答

为了让我的网站看起来不错，我需要使用自定义字体，具体而言，吞武里，加粗。 问题是 - 没有得到显示的字体，除非用户已经安装了它。 这还不算在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-family: Delicious; 
   src: url('Delicious-Roman.otf');
} 

网络字体

看看谷歌网络字体， http://www.google.com/webfonts

Answer 3:

是的，有一种方式。 需要进行修改CSS.Your 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:

首先，你得把你的字体无论是作为杂项文件或.TTF某处的服务器上。

然后用CSS来声明新的字体系列是这样的：

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

如果您将自己的文件到您在声明字体系列CSS文件，您可以使用该字体，就像任何其他字体。

文章来源: How can I use custom fonts on a website? [duplicate]