Adeobe 收购了 Typekit 并且带来了更多经典字体,比如 Garamond Pro,Minion Pro,还
有 Myriad Pro.
2010 年,谷歌开启了自己的字体图书馆让世界各地的设计师免费使用。由于它 API
使用的简便性,谷歌成功地让网络字体更加易于获取。
现在@font-face 规则已经被所有现代的浏览器支持(包括 IE、火狐、谷歌、
Safari、Opera)和手机浏览器(IOS Safari、Android、谷歌)。除了 Typekit 和 Google
Fonts 外 , 还 有 很 多 字 体 库 , 包 括 Font Bureau,FontShop,Hoefler&Co., 还 有
Webtype,开始提供网络字体服务。在几年之类,网络字体设计已经横扫全世界。
随着响应式网站设计的发展,排版正在经历从未有过的新一轮的改革。不像纸质出
版物,网站的灵活性让设计者们无法控制他们的作品。不管是通过智能手机,手写板,
笔记本电脑或游戏机,他们都无法确定自己的作品会如何呈现在用户的设备上。为了
适应市场上持续增长的设备数量,他们必须接受网站流动性并且放弃像素精准控制的
想法。为未知的效果设计虽然会让人有些恐慌,但是也让网站设计充满了挑战和刺激。
2.使用网络字体
在研究排版细节之前,我们先来看一下在网页中使用字体的几种方法。用
@font-face, 你可以自主地在自己的服务器上使用字体。这里是基本的 css 语法:
@font-face {
font-family: 'Lora';
font-style: normal;
font-weight: 400;
src:
url('lora-regular.woff2') format('woff2'),
url('lora-regular.woff') format('woff'),
url('lora-regular.ttf')format('truetype');
}
Font-family: 声明字体名称
Font-style: 指定样式(normal or italic)
Font-weight: 定义字体的粗细
Src: 通知浏览器字体的地址,有两个元素
Url: 提供字体文件的路径
Format: 支持特定的浏览器。比如,woff2 格式只被 Chrome 和 Opera 支持。Woff
和 truetype 被几乎所有浏览器支持。因为 woff2 文件大小少 30%,所以被放在最前