自定义字体@ font-face:
@ font-face的是一个CSS规则,允许你输入自己的字体出现在网站上,即使在特定的字体在访问者的计算机上没有安装。能让客户端使用在线字体。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<!--
@font-face
-->
<style>
@font-face {
font-family: myFont;
src: url("./font/BOD_PSTC.TTF");
}
#test {
font-family: myFont;
}
</style>
</head>
<body>
<div id="test">
小苹果little apple
</div>
</body>
</html>
自定义字体图标
1.制作一套矢量图
2.将矢量图与字符进行绑定
3.使用工具或站点生成一套字体
4.最终使用
-
方案1