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

2016/09/27 10478

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

界面设计 HTML5 素材 交互设计师 好文 UI 用户体验设计 转场动效 设计师专访 设计师 排版布局 扁平化设计 设计规范 素材下载 视觉设计 职场 产品设计 设计趋势 配色 web前端开发 海报设计 AI教程 字体下载 设计理论 动效设计 神器下载 图标设计 psd下载 logo设计 神器推荐 ICON 职场规划 App设计 酷站推荐 字体设计 交互设计 ui设计 用户体验 设计师职场 优秀网页设计 酷站 ps技巧 PS教程 网页设计 经验分享
wechat

优设官方微信

50万设计师关注

微信号:youshege

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里