6月
29
2011
Web front-end // WordPress

Cufon支持中文的办法

Author 作者为 moface    Comments 8 条评论

Cufon文字重绘是几种方法里面不错的，相比Fontface等，还算兼容性比较好，但是官方默认不支持中文，所以得想个办法。

1，下载现成的中文Cufon包，替换掉现有的字体，比如说我这个allTuts的主题，就不支持，修改header.php，找到这两句：

<script type=”text/javascript” src=”<?php bloginfo(‘template_directory’); ?>/js/cufon-yui.js”></script>
<script type=”text/javascript” src=”<?php bloginfo(‘template_directory’); ?>/js/Microsoft_YaHei_400.font.js”></script>

第二句中的js既是字体包了，到此下载微软雅黑Cufon包：Microsoft_YaHei_400.font，并且上传到服务器相应位置，链接好

然后找到Cufon的调用语句，改成如下：

Cufon.set(‘fontFamily’, ‘Microsoft YaHei’);
Cufon.replace(‘h1’,{hover: true})(‘h2’)(‘h3’);

就可以了

2，到cufon生成器网站自己生成喜欢的中文字体的包，链接

具体使用方法请自学成才，我也没弄，不过听说为了减小js容量，得自己挑一部分字来生成，应该挺麻烦的

相关资源：

参考帖子：http://slj.me/2010/07/font-replacement-css3-sifr-typeface-js-cufon/，写的不错

标签：, , ,

相关文章

头像

关于作者:moface

博主

8 条评论 + 添加评论

  • 头像
    cufan 2012 年 10 月 13 日 下午 11:22

    发现一个Cufon的字体自动生成框架，不知道可不可以用http://hi.baidu.com/kikoqiu/item/af78d23460828efedf22216a

    回复
  • 头像
    海哥 2012 年 05 月 29 日 下午 9:49

    关于不换行问题，看这里
    http://www.cufon-font.com/portal.php?mod=view&aid=6

    回复
  • 头像
    保尼 2012 年 04 月 15 日 下午 10:15

    谢谢您的分享，对我很有帮助，非常感谢

    回复
  • Core主题解决菜单不显示中文的问题 « 孟繁永 2011 年 07 月 22 日 下午 3:54

    […] 这个菜单一写上中文就看不到该项，研究了一下发现用的是cufon，于是检索找到解决办法，这一篇就很不错：http://moface.me/382.html。 […]

    回复
    • 头像
      海哥 2012 年 05 月 29 日 下午 9:47

      cufon中文字体最好自己定制需要的js,否则很大。好在这里有几种中文字体，包括微软雅黑。
      http://www.cufon-font.com/可以自己选择

      回复
      • 头像
        moface 2012 年 06 月 02 日 下午 10:31

        是，我也看到这个站点了，问题是我最近很想把cofun拿掉了，因为我用微软雅黑，将近2M的字体文件很成问题，而且现在win7普及度很高了，就算xp有很多时候也因为安装MSN或者开启Clear-Type之类的功能都装上了微软雅黑字体。
        我只是显示一级和二级菜单，越觉得不划算。

        回复
      • 头像
        mcg 2016 年 11 月 21 日 下午 7:09

        您好请问这个网站哪里可以去到中文雅黑的字体文件，我没有找到，谢谢急用！

        回复
        • 头像
          moface 2017 年 01 月 10 日 下午 6:41

          我文章里不是有下载链接嘛，自取就好了

留下评论