您当前的位置: 首页 > 网站运营 > 建站经验 > 打造属于你自己网站的网络字体

打造属于你自己网站的网络字体

作者:不详 来源:网络 发布时间: 2011-04-07 10:28 点击:
刚从网络著名个人独立博客大师万戈的博客拜访回来,万戈大师更新了一篇关于谷歌WebFonts API使用的文章。确实又一大革新啊,掀起了网页字体云服务运动的新高潮。谷歌WebFonts服务的优势,我就不细说了,感兴趣的同学可移步VIA去观摩。 不过有点大大限制就是服务在谷歌

打造属于你自己网站的网络字体

  刚从网络著名个人独立博客大师万戈的博客拜访回来,万戈大师更新了一篇关于谷歌WebFonts API使用的文章。确实又一大革新啊,掀起了网页字体云服务运动的新高潮。谷歌WebFonts服务的优势,我就不细说了,感兴趣的同学可移步VIA去观摩。
  
  不过有点大大限制就是服务在谷歌,不稳定,存在不可抗拒力因素。还有一点小小遗憾就是不提供中文字体服务,广大中文博客使用爱好者无法享受这服务啊。不过,我这里为大家提供一个更好的就解决方法,不好不准拍哦。
  
  下面是我以前在网络上乱窜时,无意中发现的一种为自己的网站或者博客架设自己专用字体。是一个专门为客户提供专业字体服务的公司,有兴趣的同学也可以VIA前去了解真相。
  
  现在就说说如何为你的网站添加你自己的字体:为你的网站添加字体是一件非常简单的事情,你所要做的就是要有对CSS和字体理解的基础。接下来你只需按下列指导步骤添加即可。
  
  1、上传你的专用字体到你的网站;
  
  2、将下列代码添加到你的样式表中(当然你也可以使用:link样式导入);
  
  @font-face{
  
  font-family:"your font name";
  
  src:url('location/myfont/font.ttf')format("truetype");
  
  }
  
  3、现在就你可以像使用普通字体一样应用你自己专用的字体。
  
  div{
  
  font-family:"your font name";
  
  }
  
  呵呵,以防不测,建议在后面添加一个备用的网页安全字体。例如:font-family:Calligraffitti,Arial;。有个缺点就是中文字体库牛13的大,推荐使用英文字体库。
  
  WebFonts字体服务还是很有大的优势的,比如说:
  
  1、兼容WEB。即使访问用户电脑上没有安装过的字体也能显示,因为这个字体存放于你自己的网站上。
  
  2、无需JS。
  
  3、免费DIY。
  
  接下就是享受WebFonts运动的新高潮吧!!!

分享到:
本文"打造属于你自己网站的网络字体"由远航站长收集整理而来,仅供大家学习与参考使用。更多网站制作教程尽在远航站长站。
顶一下
(0)
0%
踩一下
(0)
0%
[点击 次] [返回上一页] [打印]
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 密码: 验证码:
关于本站 - 联系我们 - 网站声明 - 友情连接- 网站地图 - 站点地图 - 返回顶部
Copyright © 2007-2013 www.yhzhan.com(远航站长). All Rights Reserved .
远航站长:为中小站长提供最佳的学习与交流平台,提供网页制作与网站编程等各类网站制作教程.
官方QQ:445490277 网站群:26680406 网站备案号:豫ICP备07500620号-4