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

html-css017

html5页面怎么引用字体ttf文件,第1张

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

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

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

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

font_family:TTF字体。并且,你的电脑中要安装TTF字体。

详解:

首先要安装TTF字体:

1、下载TTF字体。

2、复制到【控制面板——字体文件夹里面】

3、在HTML代码中加以调用。"font-family:ttf"