CSS3引入外部字体(font-face)，具体操作方法

六月初六月初 HTML 2018-12-26 20:29:05

关于什么要引入字体，这里就不多加说明！无非是电脑本地没有对应的字体，而网站又需要特定的字体进行展示。这就需要我们引入外部字体来美化网站。

引入字体美化网站详细代码：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style> 
@font-face
{
font-family: myFirstFont;//自定义名称
src: url("【墨墨】念汐.ttf")
}

h1
{
font-family:myFirstFont;//调用自定义的名称
}
</style>
	</head>
	<body>
		<h1>六月初博客站</h1>

<p><b>注释：</b>Internet Explorer 9+ 支持新的 @font-face 规则。Internet Explorer 8 以及更早的版本不支持新的 @font-face 规则。</p>
	</body>
</html>

百度云盘案例地址：链接: https://pan.baidu.com/s/1-hiYSHJDDcGcbozFX_mwQw      (umng )

实现效果如图：



六月初字帖坊小程序 你想要的字帖模板及工具，这里都有！