使用Cufón替换字体

使用Cufón替换字体_第1张图片

我们都知道大字体替换方法。 sIFR很大。 图像字体替换已获得一定动力。 但是,没有多少人知道一个名为Cufón的伟大项目 。 Cufón使用专有字体生成器工具和JavaScript的独特结合在画布和VML中创建自定义字体渲染器。 这是使用Cufón渲染标题的罪恶之城字体的方法。

观看演示

步骤1:生成字体

第一步是使用Cufón字体生成器工具来转换和自定义字体呈现的方式。 字体转换可用的选项数量给我留下了深刻的印象。 转换完成后,Cufón的generate将为您提供一个JavaScript文件,其中包含Cufón可以读取的字体信息。

步骤2:包括Cufón和字体

包括CufónJavaScript文件和生成的字体JavaScript文件。


步骤3:选择器和元素

是时候选择要自定义尺寸的元素了。 我不建议对页面上的每一种语言都使用Cufón-这样做可能会占用大量资源。 通常,您希望在标题中使用自定义字体,因此我在下面选择了这样做。

Cufon.replace('#cufon-area h1, #cufon-area h2, #cufon-area h3');
观看演示

以我的经验,Cufón看起来比sIFR和图像方法都好。 一定要检查Cufón,因为它是出色的工具,我期待看到项目的进展。 你觉得呢?你有没有什么想法?

先生们...免费的杰西卡·阿尔芭(Jessica Alba)形象值得欢迎。

翻译自: https://davidwalsh.name/cufon

你可能感兴趣的:(使用Cufón替换字体)