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

刚从网络著名个人独立博客大师万戈的博客拜访回来,万戈大师更新了一篇关于谷歌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运动的新高潮吧!!!

原文链接:http://imzh.net/118.zh

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值