在网页上使用你想要的任意字体_网页自定义字体!

  • 内容
  • 评论
  • 相关

做网站的可以关注一下了
无论是设计网站还是在制作网站的时候
都会用到一些特别的字体做为点缀
但又会出现一个问题,特别字体只用切成图片来用

今天介绍一个办法,说不上介绍,我也是在网上看到的,不多P了

利用cufon可以使用任何你想要的字体,从而去除了只能使用客户端字体的限制

第1步YUI-compressed version of cufón 获取cufón库cufon-yui.js
第2步http://cufon.shoqolate.com/generate/ 上传你的字体,生成一个字体js文件
第3步 在你的页面上加载上面两个js文件,在你需要的地方替换字体
例:
<" http: // www.w3.org/ TR/ html4/ strict.dtd">  
<html>  
    <head>  
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">  
        <script src="cufon-yui.js" type="text/javascript"></script>  
        <script src="ChopinScript_400.font.js" type="text/javascript"></script>  
        <script type="text/javascript">  
         Cufon.replace('h1'); //设置h1使用指定字体
        </script>  
    </head>  
    <body>  
        <h1>This text will be shown in Vegur.</h1>  
        <script type="text/javascript"> Cufon.now(); </script>  
    </body>  
<html>

第4步 在IE里可能会有一些延迟,在</body>前加上下面代码可以解决.
例:
<script. type="text/javascript"> Cufon.now(); </script> 
 点击观看效果:点这里

评论

8条评论
  1. Gravatar 头像

    济南seo

    玉树,好样的;玉树挺住;玉树,加油!!!

    [回复]

  2. Gravatar 头像

    收缩机

    济南这个鬼天气,真是郁闷,来玩过了。。

    [回复]

发表评论

电子邮件地址不会被公开。 必填项已用*标注

click to change 看不清?点击换一张!