admin管理员组

文章数量:1594755

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

www.daren

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

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

如何加载自定义字体?

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

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

本文标签: 自定义加载字体速度