目录
@font-face
通过 CSS3，可以使用的任意字体。当希望使用某字体时，可将该字体文件存放到 web 服务器上，它会在需要时被自动下载到用户的计算机上。
@font-face语法格式
@font-face(
font-family: <Your WebFontName>;
src: <source> [<format> ] [, source> [<format>]]*;
[font-weight: <weight>];
[font-style: <style>];
-
font-family自定义字体名称，使用是引用到font-family -
src字体存放路径，可多个值。（可以相对路径也可以绝对路径）[format] 自定义字体格式，主要用作帮助浏览器识别。 -
font-weight可选。定义字体的样式 -
font-style可选。定义字体粗细。
format格式
TrueType(.ttf)格式
是windows和mac的最常见字体，是一种写入式字体raw格式，他不为网站优化。
OpenType（otf)格式
otf字体被认为是一种原始的字体格式,其内置在 TureType基础上，所以也提供了更多的功能
兼容性：FireFox3.5+、 Chrome4、 Safari3:.1+、 Opera10+、 lOS Mobile Safari.2+ 不兼容IE
Web Open Font Format(woff)格式:
woff字体是Web字体中最佳格式,他是一个开放的 rueType/OpenType的压缩版本，同时也支持元数据包的分离
兼容性：IE9+、 Fire Fox3.5+ Chromel6+、 Safari3.6+、 Opera11.1+；不兼容手机端。
Embedded Open Type(.eot)格式:
eot字体是E专用字体,可以从 TrueType创建此格式字体
兼容性 IE4+
SVG(svg)格式
svg字体是基于SVG字体渲染的一种格式
兼容性：Chrome4+ Safari.1+、 Opera10+、 lOS Mobile Safari 3.2+；不兼容 Firefox IE
https://www.w3school.com.cn/css3/css3_font.asp
通用模板
@font-face {
font-family: \'YourWebFontName\',
src: url(YourWebFontName.eot) /* IE9 Compat Modes */
src: url(YourWebFontName.eot?#iefix) format(\'embedden-opentype\') /* IE6-IE8 */
url(YourWebFontName.ttf) format(\'truetype\')\' /* Safari, Android, iOS */
ur(YourWebFontName.woff) format(\'woff\') /* Modern Browsers */
url(YourWebFontName.svg#YourWebFontName) format(\'svg\') /* Legacy iOS */
}