前端加载自定义字体及速度优化

今天是2.14情人节，也是另一个重要的日子，那就是我的第一个全栈项目上线啦~~~

www.daren.com

这个是公司的官网，采用Python+Django做后端，前端也用了gulp自动化工作流，使用了前后端分离的开发方式，从年前弄到现在，虽然之后肯定还会有小的迭代和修改，一些轮播等效果还暂时处于display：none的状态，但是终于可以算是第一版上线了！能适配主流浏览器的PC端和移动端，在做官网的过程中，真的学到了很多，之前学的东西都一个个记在博客上了，今天来记一个新的问题，就是字体。

目前前端加载自定义字体越来越多了，我们的官网中也有这个需求，要改变一部分字体，这里来记录一下：

如何加载自定义字体？

CSS3中，使用@font-face即可加载自定义字体了。
推荐的跨浏览器 @font-face CSS 写法：

/*声明 WebFont*/
@font-face {
  font-family: 'YourWebFontName';
  src: url('../font/YourWebFontName.eot');