js网页时间字体解决方案

 记得之前发过一篇“在网页中嵌入任意字体的解决方案”，因为中文字体文件过大，而且各个浏览器支持的字体文件还都不一样，也就是说，在服务器端必须有2-3个不同格式的字体文件用来应付各个浏览器，所以基本上没什么太大的意义。

      最近，因为帮朋友解决一个网页时间显示问题，但字体要是电子表的那种，如图：

      首先，用百度搜索了下找到这个字体，发现只有ttf格式的，所以还得转换出其他的格式，因为转换字体的软件比较多，也就不多说了。

      转换好后，开始写css代码：

      @font-face {

                          font-family: 'hooray';  /*给自定义字体命名*/

             src: url('hooray.eot');

             src: url('hooray.eot?#iefix') format('eot'),

                  url('hooray.woff') format('woff'),

                  url('hooray.ttf') format('truetype'),

                  url('hooray.svg#webfontjKg17VrE') format('svg');

                         }

      至于调用，和常规的一样，在需要的地方定义font-family，并且字体名称就是刚才命名好的就行：

      font-family : 'hooray' ;

 

      然后就看效果吧 - Demo

 

      PS：附上两个在线字体转换网站：FontsQuireel 、OnlinefontCoverter