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

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

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

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

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

设置html5中字体的大小,首先需要理解是css中的font属性，通过font-size来改变字体的大小，设置的方式，一般都是通过给这个元素的一个id或者是class来设置，具体看下面代码：

<html>

<head>

<style>

#round{

width:400px

height:200px

}

#round p{

color:#f00 //设置字体颜色为红色；

}

</style>

</head>

<body>

</div>

</body>

</html>

欢迎分享，转载请注明来源：内存溢出

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