HTML导入字体并使用

步骤1:
选择自己需要的字体
字体下载网站
下载 -》解压-》得到xxx.ttf文件

步骤2:
将得到的ttf文件放入自己的项目中
在这里插入图片描述
步骤3:
在标签内引入该字体


<style>
@font-face{
  font-family: 'pangmenzhengdao';
  src: url(../fonts/pangmenzhengdao.ttf);
}
@font-face{
  font-family: 'youshebiaotihei';
  src: url(../fonts/youshebiaotihei.ttf);
}
</style>

步骤4:
在需要用字体的地方使用

.main {
	font-family: "pangmenzhengdao";
}
.main2 {
	font-family: "youshebiaohei";
}

版权声明:本文为Crayon111原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。