网页美化时,我们往往想要在网页的部分位置修改字体,比如标题、页脚等等,下面介绍一个简单的方法。

1.制作字体子集

许多字体文件体积很大,动辄几MB、十几MB,所以制作字体子集删去不需要的字体是非常必要的。
在线制作网站:FONTKE
类似的还有:Fontminfont-carrier

2.引入字体

在需要修改的文件里适当的位置添加代码:

    <style>
    @font-face {
      font-family:自定义字体名,尽量不出现中文;
      src:url('字体文件绝对地址/相对地址');
    }
    </style>

比如我需要修改页脚,便在footer.php文件里添加。

注:相同字体一般只需要引入一次,如果你还需要在其他文件使用相同字体,不需要重复引入

3.应用字体

目标文字应用以下代码:

<font style="font-family:字体名">我是目标文字</font>