html引用ttf字体文件

1,339 阅读1分钟

1.引入字体文件

在这里插入图片描述

2.在样式表中定义:

@font-face { font-family: PINGFANG; //自定义字体名称 src: url(./fonts/PINGFANG\ LIGHT.TTF) //存放字体文件的路径 }

3.使用,在需要使用的标签上面定义或者在css里面进行书写(推荐)

在这里插入图片描述 在这里插入图片描述 在这里插入图片描述