网页中特殊字体的引用

最新推荐文章于 2022-04-05 23:33:49 发布

暮雪sun

最新推荐文章于 2022-04-05 23:33:49 发布

阅读量326

点赞数

本文链接：https://blog.csdn.net/qq_16390749/article/details/66969345

版权

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style>
@font-face {
	font-family: 'faont';
	src: url('../html/faont.ttf') format('TrueType'),
	     url('../html/woff.woff') format('woff'),
	     url('../html/eot.eot') format('embedded-opentype');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
.ziti { font-size:100px;
	font-family: 'faont';
}
</style>
</head>
<body>

<div class="ziti">
特殊字体的引用方法
</div>

</body>
</html>

注意：.woff 和.eot文件为必要文件，不可删除，打开会乱码，具体里面写了什么不知道，来源于HelloFont.exe软件，.ttf文件可以更换为自己想更换的字体文件

缺点：IE9以下不兼容，手机可以用，且若是从hellofont软件获取.ttf文件，则只能用使固定的几个文字应用此字体，出现输入的文字之外的文字，则无法应用此字体。

暮雪sun

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
网页中特殊字体的引用

无标题文档@font-face { font-family: 'faont'; src: url('../html/faont.ttf') format('TrueType'), url('../html/woff.woff') format('woff'), url('../html/eot.eot') format('embedded-opentype');
复制链接

扫一扫