html自定义字体demo,如何在HTML网站上安装自定义字体

是的，您可以使用名为@ font-face的CSS功能。

它只在CSS3中正式批准，但已经在CSS2中提出并实现，并且在IE中已经支持相当长的时间。

你在CSS中声明它像这样：

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

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

然后，你可以像其他标准字体一样引用它：

h3 { font-family: Delicious, sans-serif; }

所以，在这种情况下，

@font-face { font-family: JuneBug; src: url('JUNEBUG.TTF'); }

h1 {

font-family: JuneBug

}

Hey, June

你只需要把JUNEBUG.TFF放在与html文件相同的位置。

我从dafont.com网站下载了字体：