网站想要个性化,使用个性的字体当然就是最好的表述方法了。但是网页里面显示的字体调用的是访客电脑里面已经安装的字体,如果你调用的字体访客电脑里面没有安装,那当然是显示不出来的。所以这个时候我们就需要用到谷歌在线字体库。
补上一句:谷歌真是大大的良心。
再补充一句:由于一种你懂的原因,所以谷歌的服务现在在天朝是用不了的。so...
还好360来凑了一腿,推出了”360网站卫士常用前端公共库CDN服务“,又可以快乐的使用谷歌在线字体库了。
在正式开始之前必须要啰嗦以下:谷歌在线字体库只支持英文,中文这种几千个基本字的语言太庞大了,还是不要作死的好。zblog使用谷歌在线字体库调用在线字体的方法如下:
在head里面加入引用:
<link href='http://fonts.useso.com/css?family=Lobster' rel='stylesheet' type='text/css'>
代码解释:family=Lobster中的”Lobster“为字体名称,可根据自身需求修改成你想要调用的字体名称。有几种拓展用法:
调用多个字体用|隔开,举例:family=Lobster|laoui;
字体名称中间的有空格的需要用+号代替空格:family=Lobster+UI;
只需要调用字体里面几个字母的还可以这样:family=Lobster'&text=abcd;
引用完成了就可以在具体位置调用的,譬如这样:我们要把某个div里面的文字全部设置成新的自定义字体,div的class为”ziti“,那么css就是这样写:
.ziti{font-family: Lobster, cursive;}
请务必注意,在调用自定义字体的后面一定要加上一个安全字体以防万一。什么是安全字体?就是几乎所有的电脑都会有的字体就叫安全字体,例如宋体就是标准的安全字体。
最后的最后说上一句,想选择一个符合自己个性的字体请前往谷歌在线字体库官方网站:http://www.google.com/fonts/。呵呵呵呵,由于你懂的原因,要翻墙额!
这样zblog调用谷歌在线字体库的自定义字体就完成了,最后上一张图展示成果。
相关推荐
取消回复欢迎 你 发表评论:
- 最新文章
- 热文排行
- 最多评论
- 1wordpress在国内无法更新升级的解决办法03-02
- 2天兴工作室2021年春节放假通知02-08
- 3zblogphp1.7版本正式上线,附zblogphp1.7升级指南和注意事项02-08
- 4主题的暗黑模式是什么?怎么设置和使用暗黑模式?01-19
- 5zblog判断插件是否安装或者启用的代码介绍01-16
- 6translate3d和z-index冲突导致z-inde值无效的解决办法01-10
- 7zblogphp提示“ Call to undefined function openssl_pkey_get_public()”的原因和解决办法12-25
- 8zblogphp1.6版本报错“非法访问”的原因和解决办法12-23
- 9wordpress导航栏自定义添加class和rel="nofollow"的步骤12-13
- 标签聚合
- ×1TD单模卡×1互联网×1自用模板×1漂浮广告×1发布文章×1住院×1去除版权×1幻灯片代码×1当前页×1zblogphp1.3×1夜话畅聊优惠包×1旺铺2012×1下一篇×1定制×1优质服务×1电信官方淘宝店×1网站备案流程×1单篇文章调用×1e信×1阳新
最新评论
-
Q站网
更新的草率了,直接后台进不去了,最后去反馈群下载最新压缩包替换才好了。 -
鹏仔
服务器可以配置允许跨域,虚拟主机搭建的 调用api会出现跨域,天哥知道有啥解决办法没 -
访客
来个限时优惠 -
天兴工作室
不还价的 -
小马过河
能不能便宜点啊
有 1 位网友评论:
天兴工作室网友 1年前 (2019-10-19) 回复
天兴感觉越来越不错,这个确实,我在想能不能把阿里巴巴的普惠版弄进来。感觉想多了啊
哈萨克斯坦商务网 6年前 (2015-08-02) 回复
我是第一个,啦啦,支持一下正在学习的我把