js网页时间字体解决方案

原创 2012年03月16日 17:11:44
 记得之前发过一篇“在网页中嵌入任意字体的解决方案”,因为中文字体文件过大,而且各个浏览器支持的字体文件还都不一样,也就是说,在服务器端必须有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  

相关文章推荐

在网页中嵌入任意字体的解决方案

字体使用是网页设计中不可或缺的一部分。经常地,我们希望在网页中使用某一特定字体,但是该字体并非主流操作系统的内置字体,这样用户在浏览页面的时候就有可能看不到真实的设计。美工设计师最常做的办法是把想要的...
  • pastway
  • pastway
  • 2011年11月27日 17:19
  • 325

PHP+JS+HTML5+Flash网页上传超大文件的解决方案

所有Web程序猿都有过通过网页上传文件到服务器的经历,上传小文件是十分简单的。当你上传的文件大小逐渐变大的时候,就会遇到第一个问题: 1.PHP上传文件的大小是有限制的,默认是2M,即使你改...

ios--网页js调用oc代码+传递参数+避免中文参数乱码的解决方案(实例)

此解决方案原理: 1、在ViewController.h中声明方法和成员变量,以及webView的委托:  //   //  ViewController.h   //  JS...

ios--网页js调用oc代码+传递参数+避免中文参数乱码的解决方案(实例)

此解决方案为本人测试可行的方案,欢迎转载,如需转载,请注明出处,谢谢! 此解决方案原理: 1、在ViewController.h中声明方法和成员变量,以及webView的委托: // // View...

node.js jsdom gb系列网页中文乱码问题解决方案

Email:longsu2010 at yeah dot net 最近使用node.js写点东西,使用到了jsdom。使用过程中遇到解析GBK或者GB2312编码网页乱码的问题。下面以"http://...
  • tt361
  • tt361
  • 2013年04月07日 19:41
  • 4663

ios--网页js调用oc代码+传递参数+避免中文参数乱码的解决方案(实例)

此解决方案原理: 1、在ViewController.h中声明方法和成员变量,以及webView的委托:  //   //  ViewController.h   //  JS_I...

linux在线阅读字体乱码解决方案

  • 2013年10月28日 20:38
  • 264B
  • 下载

XP无法安装字体解决方案

  • 2012年07月26日 23:52
  • 1KB
  • 下载

WPF [调用线程无法访问此对象,因为另一个线程拥有该对象。] 解决方案以及如何实现字体颜色的渐变

本文说明WPF [调用线程无法访问此对象,因为另一个线程拥有该对象。] 解决方案以及如何实现字体颜色的渐变 先来看看C#中Timer的简单说明,你想必猜到实现需要用到Timer的相关知识了吧。 C...
  • cselmu9
  • cselmu9
  • 2012年12月09日 11:39
  • 27641
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:js网页时间字体解决方案
举报原因:
原因补充:

(最多只允许输入30个字)