js网页时间字体解决方案
来源:互联网 发布:windows安装nginx 编辑:程序博客网 时间:2024/06/08 06:52
记得之前发过一篇“在网页中嵌入任意字体的解决方案”,因为中文字体文件过大,而且各个浏览器支持的字体文件还都不一样,也就是说,在服务器端必须有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
- js网页时间字体解决方案
- JS 网页打印解决方案
- 网页中嵌入任意web字体解决方案
- JS网页特效(字体一直变换颜色)
- 纯JS实现网页中自定义字体
- JS计算网页停留时间
- JS 跨时区时间解决方案
- 在网页中嵌入任意字体的解决方案
- 在网页中嵌入任意字体的解决方案
- 在网页中嵌入任意字体的解决方案
- 网页字体
- 网页字体
- 网页页面显示当前时间js
- JS计算网页停留时间代码分享
- 使用js动态显示网页时间
- 使用js在网页上显示时间
- JS显示网页最后更新时间
- JS显示网页最后更新时间
- sip消息的路由
- myeclipse安装手动安装SVN插件的四种方法汇总
- 增肌饮食宝典
- python 字符与asc码转换
- Unity3d事件处理函数
- js网页时间字体解决方案
- wordpress自制留言板
- http://pkgs.org/search/?keyword=dmraid
- 委外加工
- 自己写的js验证例子,不满足条件时会有文字提示的!不用alert!
- 浅谈PDFlib中文输出(三)
- C#中怎么获取comboBox下拉列表选中项的Tag值
- 淺談PDFlib中文輸出(一)
- 搜索引擎优化的九大方法