网页中通过@font-face实现任意字体的展示

使用@font-face可以实现从服务器端加载字体，因而浏览器中使用的字体就可以不受本地字体的限制。各个浏览器支持的格式不同，我们需要不同的字体格式来解决兼容性的问题。常见的有otf，eot，ttf，svg，woff这几种，如果你只有其中一种，可以通过字体转换网站转换出其它几种格式，推荐onlinefontconverter这个网站进行转换，亲测为可用状态。

字体文件准备好后，在样式表中加入如下内容：

@font-face {
     /* font-properties */
     font-family: CodeLight;
     src:url('fonts/CodeLight.woff'),  
     url('fonts/CodeLight.ttf'),
     url('fonts/CodeLight.eot');
 }