1. 怎么引入使用外部自定义的字体？
产品小姐姐说电脑上自带的字体太丑了，要用酷炫的字体，产品小姐姐都发话了，那我们就只有引入外部的自定义字体咯。
要引用外部的自定义字体，需要使用到CSS3里面的@font-face，通过@font-face 可以使用你喜欢的任意字体。
一般情况下，我们从UI那里拿到的只有一种格式的字体，但是不同浏览器所支持的字体格式又是不一样的，所以我们就需要先将字体进行转换。推荐使用这个网站进行字体转换：https://www.fontsquirrel.com/tools/webfont-generator。
在项目目录下，新建一个fonts文件夹，将转换后的字体文件复制到这个文件夹，再新建一个font.css文件。
2. 代码怎么写？
在font.css文件中引入字体：
@font-face {
/* 自定义的字体名字 */
font-family: 'myCoolFont';
/*本地的字体地址*/
src: url('./dsdigi1-webfont.eot'); /* IE9 Compat Modes */
src: url('./dsdigi1-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('./dsdigi1-webfont.woff') format('woff'), /* Modern Browsers */
url('./dsdigi1-webfont.woff2') format('woff2'), /* Modern Browsers */
url('./dsdigi1-webfont.ttf') format('truetype'), /* Safari, Android, iOS */
url('./dsdigi1-webfont.svg#myCoolFont') format('svg'); /* Legacy iOS */
font-weight: normal;
font-style: normal;
}在页面中使用引入的外部字体：
<link rel="stylesheet" href="../normal/fonts/font.css">
<style>
body {
background: #090822;
}
.my-font {
font-size: 60px;
font-family: 'myCoolFont'; /*自定义的字体名字*/
color: #07c6ff;
}
</style>
</head>
<body>
<div class="my-font">9527</div>
</body>PS: 可以在这个网站上去下载需要的字体https://www.fontke.com，上面也可以识别、转换字体。
3. 示例代码下载
请到GitHub: https://github.com/Jackyyans/code123下载字体、代码查看效果，更多示例将会持续更新，欢迎关注。
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用。你还可以使用@来通知其他用户。