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

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

这个问题有解决办法吗？

152169 次浏览

小开

CSS 让您使用自定义字体，可下载的字体在您的网站。你可以下载你喜欢的字体，比如说 myfont.ttf，然后上传到你的博客或网站所在的远程服务器上。

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

小开

首先，您必须将字体放在服务器上的某个位置，比如. otf 或. ttf。

然后使用 CSS 像下面这样声明新的字体系列:

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

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

小开

你可以使用 CSS3font-face或者 webfont

@ font-face 的用法

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

字体

小开

是的，有一个办法。你的 CSS 需要修改，你需要上传这些字体到你的网站。

这需要的 CSS 是:

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

小开

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

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