1、首先在项目过程中新建文件夹fonts将准备好的ttf字体文件复制该文件夹下:
2、然后在工程新建style.css,使用@font-face中的font-family和src引入字体,在src的属性值填写“url(“路径”)”即可:
3、然后打开html文件,写入一些文字,在上方的head标签中引用css,使用link标签引入,在href中写入css文件的路径即可:
4、最后打开浏览器,可以看到在浏览器的文字已经改变了,引用是成功的:
@font-face { font-family: 'MyNewFont'; /*字体名称*/ src: url('font.ttf'); /*字体源文件*/}
css 直接引用字体名称即可