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

建站经验 21NN 1年前 (2018-05-24) 8次浏览 已收录 0个评论 扫描二维码

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


本文:打造属于你自己网站的网络字体 本文链接:https://www.21nn.cn/yunying/jianzhanjingyan/2160.html 本站所以图片、文章仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。本站信息来自网络,版权争议与本站无关。您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容。如有侵权请邮件与我们联系处理。i@ki4.cn
喜欢 (0)
[1353713598@qq.com]
分享 (0)
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址