Cufon 中文网页字体渲染的实践
网页中部分地方采用个性化的中文字体场合不用我说了吧. cufon的技术和其他技术(@font-face /sIFR /Typeface.js)的比较和网上早有评说.
事实上,sIFR、 typeface.js和cufon都是目前常说的文本替换技术,这些技术都可以用来替换@font-face,并且实现更好的浏览器兼容性。但是每种技术都不是完美的:
- @font-face最简单,虽然大部分浏览器也都支持了,但是其浏览器兼容性并不是很完美,对IE还需要 eof字体的特殊支持,而且对于中文字体来说,一般都很大,这会占用很大的页面加载时间和服务器流量。
- sIFR是兼容性和可用性最好、对SEO友好的一种方案,但也是实现起来最复杂的,而且需要浏览器支持Flash插件。
- typeface和cufon都是利用在IE中渲染VML,而在非IE浏览器中使用canvas的方式实现“伪”字体的,他们使用起来相对简单。
- 版权问题是一个很重要的问题,无论你使用哪种技术,都需要考虑文字的授权。
由于想看看中文字体的效果,急切的到了官方提供的字体工具那里去制作中文字体,http://cufon.shoqolate.com/generate/
看准了中文雅黑, 无奈字体太大,上传到国外服务器总是有问题,多次都失败告终. 最后豁出去了,自己虚拟机搭建linux系统制作一个字体生成平台. 终于有了一个测试的机会.
小心哦,中文雅黑2500个常用汉字的JS 1.3M 打开可能有点慢哦.
http://www.cycoo.net/demo/cufon/demo_cn.htm
需要定制生成中文字体的兄弟可以找我.
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
· 没有源码,如何修改代码逻辑?
· 全程不用写代码,我用AI程序员写了一个飞机大战
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 记一次.NET内存居高不下排查解决与启示
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了
· DeepSeek 开源周回顾「GitHub 热点速览」