FontFriend 在网页上即时测试Google Fonts 字体效果

mianfeiziyuan

对于网页设计师来说，字型和排版是影响使用者视觉非常关键的因素，要如何选择一个看起来舒服、适合阅读的字体就显得相当重要，之前介绍过一些让你在打造网页时可以配合使用的工具，例如  Fontface Ninja、WhatFont  一键查看其他网页使用的字型名称、大小和行高，或是透过  TypeWonder来线上测试字型等等，如果你想直接在网页里套用不同的字型变化，即时看到效果，不用再辛苦手动修改CSS，直接使用简单的工具搞定。

透过FontFriend书签列工具（Bookmarklet），只要轻松点选、就能直接在网页内载入不同的字型，即时看到套用在网页上的效果，更棒的是FontFriend支援Google Fonts  字型资料库，当你不确定某个字型运用在网页上是否能呈现出满意的感觉，就可以利用这个工具直接进行测试，而且不用修改程式码。

除此之外，FontFriend还能选择字型要套用的范围，例如标题、内文等等，还能调整字型大小、字重、行距及文字样式，也能将使用CSS的text-transform将文字全部转为大写或小写、首字大写，支援font-variant属性。

网站名称：FontFriend
网站链结：http://somadesign.ca/projects/fontfriend/