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

如何在HTML网站上安装自定义字体,第1张

如何在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; }

所以在这种情况下

<html>   <head>    <style>      @font-face { font-family: JuneBug; src: url('JUNEBUG.TTF'); }       h1 {         font-family: JuneBug      }    </style>   </head>   <body>      <h1>Hey, June</h1>   </body></html>

而且您只需要将JUNEBUG.TFF放在与html文件相同的位置即可。



欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/5641119.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-12-16
下一篇 2022-12-16

发表评论

登录后才能评论

评论列表(0条)

保存