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

2019-03-20 11:25:28来源: imzh.net 阅读 ()

新老客户大回馈,云服务器低至5折

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

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:淘宝排名的17大细节

下一篇:浅析开淘宝店的图文教程