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