一尘不染

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

html

我没有使用Flash或php-并且要求我将自定义字体添加到简单的HTML布局中。“ KG June Bug”

我已经在本地下载了-是否有简单的CSS技巧来完成此操作?


阅读 549

收藏
2020-05-10

共1个答案

一尘不染

是的,您可以使用名为@ 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文件相同的位置即可。

2020-05-10