Hi,我是优设小编

cyRotel

浏览全部 4441 篇文章

到我的微博瞧瞧

酷站两连发!高质量免费英文字体+汲取排版灵感的网站

free-english-font-typesetting-inspiration-1

设计达人网:今天向大家分享两个特别酷的排版网站,这两个网站专门挑选Google 免费字体中的精品,来做出高质量的图文排版。同学们可以直接来这儿挑最优质的免费英文字体,汲取排版灵感,一起来收。

Google Type

  • 从 800+ Google Web Font 里精挑细选,不用怕找不到好字体
  • 字体免费使用,特别适合英文站使用
  • 配图来自免费高清图片站,可免版权使用
  • 图文排版漂亮,可作为灵感来源
  • 来自世界各地设计师均能参与此项目,并持续更新

好了,我们不说太多,先来点截图给大家看看~

看到喜欢的直接拿下即可 ^ ^

uisdc-website-201609277

uisdc-website-201609272

uisdc-website-201609271

uisdc-website-201609273

uisdc-website-201609274

uisdc-website-201609275

uisdc-website-201609276

Typesource

Google Web Font 是一个很好的免费字体库,设计师和前端人员都喜欢便用,但由于字体太多,选择好的字体不太好找,所以今天推荐大家尝试用 Typesource 这个字体灵感站。

该站的特色就是以漂亮的形式展示 Google Web Font 里面的字体,此外用户还可以自行编辑文字内容,并且如果喜欢这个字体的整个Banner设计,用户可以直接复制源码拿走,免费使用。

uisdc-website-201609278

编辑字体

STEP 1: 用鼠标移动到要编辑的字体上面,点击【Edit Text】按钮

uisdc-website-201609279

此时,图中的文字都变为编辑状态,任何文字都可以自己编写了。

使用字体

选择好字体后,那么这些字体如何使用呢?其实非常简单,我们点击字体的【View Source】按钮,进入该页面后,找到【 HTML & CSS】位置,如下图:

uisdc-website-2016092710

这代码包含Google字体引入代码(<link…哪行)、HTML以及CSS样式三个部分,如果你只想需要字体,则直接引入字体文件即可。

但若喜欢他的整个BANNER设计,也可把所有代码放到你的网页上进行修改。现在已经更新了10款漂亮的新Banner,这里的 Banner 完全是用免费的 Google Web Font 来设计。

若你最近需要做欧美网站设计,并且没有一款可以免费使用的而且好看的英文字体,那么可以尝试用 Typesource 整理的作品,文字与图像搭配合理,值得参考与学习,Enjoy!

PURSUIT Of PURPOSE

「追求的目的」简约、朦胧之美

uisdc-website-2016092711

字体:Droid Serif  &  Droid Serif Italic

FAKE KEEP IT REAL

uisdc-website-2016092712

字体:Permanent Marker

SATURDAY MORNING TIMES

适用于美食类别的 banner 字体。

uisdc-website-2016092713

字体:Rock Salt

Nils Frahm

字体:Raleway Heavy & Lora Italic

Happiness Design

uisdc-website-2016092714

字体:Lato Thin & Lato Thin Italic

Live, Travel

是不是有一种意境?

uisdc-website-2016092715

字体:Merriweather Light

10 WAYS OF GETTING THINGS DONE

uisdc-website-2016092716

字体:Permanent Marker

WAIT Until MONDAY

uisdc-website-2016092717

字体:Open Sans Condensed Bold & Pacifico

SWEDISH MEATBALLS

uisdc-website-2016092718

字体:Oswald Regular & Oswald Light

A SEARCH

uisdc-website-2016092719

字体:PT Sans Bold & Lora Italic

SEVEN DAYS IN TOKYO

uisdc-website-2016092720

字体:Yanone Kaffeesatz ExtraLight

「优设酷站22连发!」

  1. 免费图库+导航收集站:《酷站两连发!高品质免费图库站+专注WEB/APP导航收集站》
  2. 音乐站+字体搜索:《酷站两连发!帮你专心工作的音乐站+谷歌字体在线搜索神器》
  3. 渐变色+代码比较:《酷站两连发!渐变色方案全聚合网站+在线代码比较神器》
  4. 配色+占位图:《酷站两连发!在线色彩搭配工具+快速生成占位图片器》
  5. LOGO下载+字体下载《酷站两连发!可商用的矢量LOGO下载+平面最爱的27款免费字体》
  6. 压缩图片+在线配色:《酷站两连发!在线图片压缩神器+在线配色工具COLOURCO》
  7. CSS Hover动画+宠物小精灵配色:《酷站两连发!宠物小精灵专属配色网站+CSS HOVER动画收集站》
  8. 美女图片+游戏配色:《酷站两连发!游戏配色网站+免费美女素材特供网站》
  9. 在线配色+字体推荐:《酷站两连发!在线配色神器+英文字体推荐网站》
  10. 追波作品变代码+16进制颜色:《酷站两连发!用代码呈现DRIBBBLE作品+16进制颜色网站》
  11. 无缝纹理+多边形背景:《酷站两连发!专注无缝纹理素材站+多边形背景生成器》

原文地址:shejidaren

yestone-uisdc-2

【优设网 原创文章 投稿邮箱:yuan@uisdc.com】

================关于优设网================
“优设网uisdc.com“是国内人气最高的网页设计师学习平台,专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/
设计微博:拥有粉丝量150万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:http://www.uisdc.com/google-font-typesetting-inspiration