17、响应式网页设计中的有意义排版与响应式邮件设计

响应式网页设计中的有意义排版与响应式邮件设计

1. 网页字体资源及使用分析

在网页设计中，网页字体的使用已近乎成为必要操作，但我们也需谨慎考虑其对项目的影响。在使用网页字体前，有几个不错的资源可供选择：
- Font Squirrel ：网址为 http://www.fontsquirrel.com/ 。使用时需下载字体文件，然后在 CSS 中通过 @font-face 使用。它拥有出色的网页字体生成工具，链接为 http://www.fontsquirrel.com/tools/webfont-generator 。
- Google Fonts ：网址是 https://www.google.com/fonts 。若在 Font Squirrel 上找不到所需字体，可来此查找，反之亦然。既可以下载字体文件，也能使用 JavaScript。后续示例中的字体就下载自 Google Fonts（https://github.com/google/fonts/tree/master/ofl/oswald ）。
- Adobe Edge Web Fonts ：网址为 https://edgewebfonts.adobe.com/ 。该服务由 TypeKit 提供支持，我也经常使用 TypeKit。不过，不能下载字体，需使用 JavaScript。

使用网页字体具有诸多优点，但也存在一些缺点，具体如下表所示：
|优点|缺点|
|----|----|
|有助于突出品牌，在不同媒体间保持一致性|因 HTTP 请求或依赖第三方服务器，会使网站或应用变