在项目文件里新建一个文件夹fonts(存放自定义字体)
把下载的字体放入文件夹,可以看到html界面出现
1. 在head下的style里用@font-face标签,
font-family里自己随意给字体命名(这里我命名为ziti)
src里放字体的相对路径(即你编程的js项目里睁眼就可以看到的fonts文件夹然后再是字体的文件名(FZJZJW.TTF)
2.这样就可以给文字设置成这种字体了。这里举列给元素选择器h1设置
只需要用font-family标签填刚刚命名的ziti就可以了
最后结果展示:
可以看到h1标签下的“把握移动端字体设计的七大准则”设置成了我们自己下载的字体