家里蹲博客

一个网络人的世界!

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:附上两个在线字体转换网站:FontsQuireelOnlinefontCoverter  

阅读更多
想对作者说点什么? 我来说一句

动态<em>改变字体</em>的状态

2018年05月09日 0B 下载

没有更多推荐了,返回首页

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭