用我喜欢的字体(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
  • asp之家 网络编程 m.aspxhome.com