用我喜欢的字体(Cufon)
作者:张经纬 来源:张经纬的博客 时间:2009-12-11 18:51:00
优雅的设计经常包含一些特殊的字体,而这些字体并不存在于用户的字体库中,我们并不能奢求每一个访客都是设计师。 :-)
虽然CSS3标准给我们带来了@font-face属性,但他也仅仅限于使用在“Gecko 1.9.1,Applies to Firefox 3.5, SeaMonkey 2, and Thunderbird 3 and later”
不是Type2呢?不是Firefox3.5呢?显然这并不是一个现实的解决方案,毕竟我们有90%以上的用户在使用IE。
为了解决这个问题,我们使用了sIFR框架,但是这玩意一点也不好,首先是大,其次是慢,而Cufon可以很好的代替它。
什么是 Cufon 呢?Cufon 是一个实现在网页中对文字字体进行渲染的纯 JavaScript 开源类库。
使用Cufon非常简单,只需要在页面中引入Cufon得核心文件,然后在http://cufon.shoqolate.com/generate/ 将你的字体转换为JS字体文件并引用到页面中。
接下来,就可以使用相应的Cufon API对页面中的字体进行渲染了。
那么Cufon是如何对页面字体进行渲染的呢? 当然是VML、Canvas、SVG,因为网上已经有了相关的文章,所以我就不复制粘贴了。如果你有兴趣,可以看这里了解详细。
最后,因为Cufon是将字体以JSON格式进行编码,所以如果字体是中文的话,这个JS库会增大数倍,使用的时候一定要谨慎。
标签:字体,设计,浏览器
0
投稿
猜你喜欢
关于Node.js中Buffer的一些你可能不知道的用法
2024-05-09 09:05:33
python traceback捕获并打印异常的方法
2022-11-06 10:35:30
python 如何在list中找Topk的数值和索引
2022-01-20 10:28:27
Python Numpy之linspace用法说明
2021-10-17 10:49:55
原生js实现的贪吃蛇网页版游戏完整实例
2024-04-10 16:12:21
javascript 函数式编程
2024-04-19 10:29:38
opencv-python基本图像处理详解
2021-07-07 04:37:02
Python函数式编程指南(四):生成器详解
2023-08-23 05:50:02
基于Python os模块常用命令介绍
2023-09-09 01:53:43
Go语言实现RSA加解密算法详解
2024-02-08 12:20:55
Python程序中的观察者模式结构编写示例
2022-08-04 22:12:11
将不规则的Python多维数组拉平到一维的方法实现
2023-11-05 19:47:15
python Manager 之dict KeyError问题的解决
2022-12-17 07:38:09
javascript获取ckeditor编辑器的值(实现代码)
2024-04-16 09:12:54
Python基础教程之if判断,while循环,循环嵌套
2023-11-05 12:56:07
MySQL的root帐户密码重置方法
2007-08-24 15:53:00
原生JS封装Ajax插件(同域、jsonp跨域)
2024-04-17 09:45:19
浅谈python抛出异常、自定义异常, 传递异常
2022-12-22 00:49:31
python 使用xlsxwriter循环向excel中插入数据和图片的操作
2023-01-30 15:08:47
python编程实现清理微信重复缓存文件
2022-06-20 02:12:12