用HTML&CSS展示谷歌Web Font的字体灵感库
发表日期:2015/11/5 15:52:05 文章编辑: 浏览次数:2974
Google Web Font 是一个很好的免费字体库,在网站制作过程中,设计师和前端人员都喜欢便用,但由于字体太多,选择好的字体不太好找,所以今天推荐大家尝试用 Typesource 这个字体灵感站。
该站的特色就是以漂亮的形式展示 Google Web Font 里面的字体,此外用户还可以自行编辑文字内容,并且如果喜欢这个字体的整个Banner设计,用户可以直接复制源码拿走,免费使用。
编辑字体
STEP 1: 用鼠标移动到要编辑的字体上面,点击【Edit Text】按钮
STEP 2: 此时,图中的文字都变为编辑状态,任何文字都可以自己编写了。
使用字体
选择好字体后,那么这些字体如何使用呢?其实非常简单,我们点击字体的【View Source】按钮,进入该页面后,找到【 HTML & CSS】位置,如下图:
这代码包含Google字体引入代码(
但若喜欢他的整个BANNER设计,也可把所有代码放到你的网页上进行修改。
网站名称:Typesource
网站地址: http://tobiasahlin.com/typesource
网站转载:www.itccx.com
------北京网页建设公司 北京传诚信------
-
简约主义的字体排版成就优秀网站设计作品。
日期:2016-08-10 浏览次数:3065
-
免费SSL证书申请网站topssl.cn上线
日期:2024-09-23 浏览次数:1649
-
如何在北京顺义寻找一个踏实的网站建设公司
日期:2023-08-10 浏览次数:4743
-
顺义网站建设:北京顺义网站建设的优点
日期:2023-05-25 浏览次数:5144
-
选择网站公司需要考虑哪些因素
日期:2023-05-25 浏览次数:3989
-
北京模板建站
日期:2023-03-28 浏览次数:4168
-
如何提高网站转换率
日期:2019-10-18 浏览次数:2103
-
网站优化六大项目介绍,两分钟简单搞懂什么是网站优化!
日期:2019-09-20 浏览次数:3562
-
网站重新设计:是时候建立新网站了吗
日期:2019-01-25 浏览次数:2397
-
逐帧动画实现方式.
日期:2015-07-23 浏览次数:2693
-
好的内容意味着良好的SEO
日期:2019-01-14 浏览次数:4646