用HTML&CSS展示谷歌Web Font的字体灵感库
发表日期:2015/11/5 15:52:05 文章编辑: 浏览次数:1783
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 浏览次数:1748
-
北京顺义网站前端制作开发
日期:2023-03-23 浏览次数:11
-
顺义自适应网站设计制作的注意事项
日期:2023-03-23 浏览次数:17
-
顺义营销型(SEO)网站建设
日期:2023-03-23 浏览次数:7
-
怎么理解网站高端定制?
日期:2023-03-23 浏览次数:9
-
顺义品牌网站建设考虑哪些步骤?
日期:2023-03-23 浏览次数:10
-
iOS的UI元素导航栏里的完成按钮的优化
日期:2015-08-12 浏览次数:1490
-
网站转换错误及其解决方法
日期:2019-04-02 浏览次数:1421
-
丰台网站建设公司_丰台网站制作_丰台的建站公司有哪些?
日期:2019-07-01 浏览次数:2526
-
您的网站图片选择哪种格式 JPG或PNG
日期:2019-02-14 浏览次数:1381
-
滚动型长页面设计注意要点
日期:2018-11-14 浏览次数:2391