admin管理员组

文章数量:1594755

在项目文件里新建一个文件夹fonts（存放自定义字体）

 把下载的字体放入文件夹，可以看到html界面出现

1. 在head下的style里用@font-face标签，

font-family里自己随意给字体命名（这里我命名为ziti）

src里放字体的相对路径（即你编程的js项目里睁眼就可以看到的fonts文件夹然后再是字体的文件名（FZJZJW.TTF）

 

2.这样就可以给文字设置成这种字体了。这里举列给元素选择器h1设置

只需要用font-family标签填刚刚命名的ziti就可以了

最后结果展示：

可以看到h1标签下的“把握移动端字体设计的七大准则”设置成了我们自己下载的字体

 

 

本文标签： 字体文字html

版权声明：本文标题：html给文字设置自己下载的字体 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://www.elefans.com/xitong/1728200542a1149320.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。