自定義字體：
可以消除用戶對於字體的依賴，每次都需要去加載。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
*{
margin:0;
padding: 0;
}
@font-face {
font-family: "dalao";
/* 地址 */
src: url("");
}
#lili{
font-family: "dalao";
}
</style>
</head>
<body>
<div id="lili">
大佬：big lao
</div>
</body>
</html>
字體圖標：
一套矢量圖，不同的一一綁定，最後生成出一套字體。字符會和一張張矢量圖綁定。