网页美化时,我们往往想要在网页的部分位置修改字体,比如标题、页脚等等,下面介绍一个简单的方法。
1.制作字体子集
许多字体文件体积很大,动辄几MB、十几MB,所以制作字体子集删去不需要的字体是非常必要的。
在线制作网站:FONTKE
类似的还有:Fontmin、font-carrier等
2.引入字体
在需要修改的文件里适当的位置添加代码:
<style>
@font-face {
font-family:自定义字体名,尽量不出现中文;
src:url('字体文件绝对地址/相对地址');
}
</style>
比如我需要修改页脚,便在footer.php文件里添加。
注:相同字体一般只需要引入一次,如果你还需要在其他文件使用相同字体,不需要重复引入
3.应用字体
目标文字应用以下代码:
<font style="font-family:字体名">我是目标文字</font>