首页 热点资讯 义务教育 高等教育 出国留学 考研考公

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

发布网友

我来回答

2个回答

热心网友

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 直接引用字体名称即可

声明声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。E-MAIL:11247931@qq.com