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  

网页使用中文字体的两种解决方案

解决中文字体在网页中的使用,有两种办法。 背景:英文的字体很好使用,因为只有26个大小写字母,以及一些符号,本身的字体文件就很小,不会对页面的加载造成多大的影响;但是中文的字体文件相当大,仅...
  • baiding1123
  • baiding1123
  • 2015年10月18日 23:21
  • 2658

web字体优化

以前做项目的时候就依葫芦画瓢的设置 { font-family:arial,”microsoft yahei”,simsun,sans-self; } 等类似的字体,然而当更多的设备和系统出现后,以前...
  • qq_37788558
  • qq_37788558
  • 2017年07月26日 21:22
  • 201

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

方案一: 使用css3  font-face,详细参照:http://www.w3cplus.com/content/css3-font-face 方案二: 文字转svg path,在html中使...
  • a422100210
  • a422100210
  • 2016年12月19日 09:41
  • 1502

【JavaScript】轻松更改网页背景与字体的颜色

JavaScript,通过点击按钮更改网页背景与字体的颜色,网页中有N个改变颜色的按钮,点击不同的按钮,网页的字体与背景就会改变成不同的颜色。很简单的JavaScript小程序。...
  • yongh701
  • yongh701
  • 2014年10月22日 20:34
  • 2892

js调用打印机打印网页字体总是缩小一号的解决方法

直接调用window.print(),但是打印出来后,字体总是缩小一号,后来直接target="_blank",就可以正常打印了,下面是实现代码 今天要做一个打印网页的小功能,直...
  • qq_32340877
  • qq_32340877
  • 2017年02月23日 06:33
  • 455

JS网页特效(字体一直变换颜色)

JS网页特效 function changeColor(){ var color="#f00|#0f0|#00f|#880|#808|#088|yellow|green|blue|gr...
  • wang263334857
  • wang263334857
  • 2013年12月05日 21:46
  • 3108

网页简体转繁体的JS代码

网页简体转繁体的JS代码      两者之间的位置一定不能搞错 繁体版 //模仿语言包式的简繁转换功能插件! var Default_isFT = 0 //默认是否繁体,0-...
  • haibo0668
  • haibo0668
  • 2016年06月02日 12:56
  • 218

用javascript设置文章的字体大小为[大 中 小]的办法!

有时候看见一些新闻的网页上面有几个可以调整网页内容字体大小的按钮,如:大,中,小,正好公司的项目中也要用到,到网上看了看,都不好用!于是自己便写了个!                  //设置字体 ...
  • hk8846
  • hk8846
  • 2007年03月09日 21:37
  • 7920

js统计页面加载时间

window.onload = function () {    var loadTime = window.performance.timing.domContentLoadedEventEnd-w...
  • jiangzunshao
  • jiangzunshao
  • 2016年11月04日 23:27
  • 2027

网页中如何获取客户端系统已安装的所有字体?

如何获取系统字体?1.首先在需要获取系统字体的网页后加入以下代码:2.将以下内容保存为:FontFacesMenu.js文件。// FontFacesMenu.jsvar fontsArray = n...
  • 21aspnet
  • 21aspnet
  • 2007年03月19日 23:25
  • 2413
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:js网页时间字体解决方案
举报原因:
原因补充:

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