Question

html5页面怎么引用字体ttf文件

Answer 1

1、首先在项目过程中新建文件夹fonts将准备好的ttf字体文件复制该文件夹下：

2、然后在工程新建style.css，使用@font-face中的font-family和src引入字体，在src的属性值填写“url(“路径”)”即可：

3、然后打开html文件，写入一些文字，在上方的head标签中引用css，使用link标签引入，在href中写入css文件的路径即可：

4、最后打开浏览器，可以看到在浏览器的文字已经改变了，引用是成功的：

Answer 2

@font-face { font-family: 'MyNewFont'; /*字体名称*/ src: url('font.ttf'); /*字体源文件*/}
css 直接引用字体名称即可