CSS3 @font-face 引入自定义本地或网络字体文件

核心代码

@font-face {
	font-family:"Gauge Mono Regular";
	src:url(//static.hexingxing.cn/v2/element/fonts/webfonts/Gauge_Mono_Regular_Webfont.woff2) format("woff2"),
	url(//static.hexingxing.cn/v2/element/fonts/webfonts/Gauge_Mono_Regular_Webfont.woff) format("woff");
}
body {
	font-family: "Gauge Mono Regular";
	font-size: 1rem;
}

实例预览

https://static.hexingxing.cn/v2/example/fontspreview.html

注意事项

Internet Explorer 9 只支持 .eot 格式字体。