学习 Web 字体，图标与图片

Web 排版是指在万维网上使用字体。在最初 HTML 被创建时，字体与样式是由各个浏览器的设置专门控制的。直到 Netscape 1995 年引入了 <font> 标签，HTML 3.2 规范中将此标准化后，才有了单独的网页控制字体显示的机制。然而，标签所指定的字体必须被安装在用户的计算机上才可使用，否则将使用后备字体，比如浏览器的默认无衬线字体或等宽字体。第一个层叠样式表（CSS）规范发布于 1996 年并提供了相同的功能。

CSS2 规范发布于 1998 年，试图通过提高字体匹配，合成和下载来改进字体的选择过程。这些技术并没有得到太多的使用，在 CSS2.1 规范中就被删除了。但是，Internet Explorer 浏览器在 4.0 版本中添加了对字体下载功能的支持。字体下载后来被包含在 CSS3 规范中的字体模块中，已经在 Safari 3.1 版本，Opera 10 版本以及 Mozilla Firefox 3.5 版本中实现。这一变更随后增加了公众对于 Web 排版兴趣与字体下载的使用。

— 维基百科

字体：

• 字体加载策略综合指南 [阅读]
• 美丽的 Web：Google Web 字体目录中最佳字体的展示 [阅读]
• 使用 @font-face 控制字体的快速指南 [阅读]
• MDN: Web fonts [阅读]
• 响应式排版 [观看][$付费]
• Web 排版 [观看][$付费]

图标：

• 阅读(https://www.lynda.com/CSS-tutorials/Web-Icons-SVG/502312-2.html) [观看]

图片：

• MDN: Images in HTMLb [阅读]
• MDN: Responsive images [阅读]
• Web 上的 SVG 实践指南 [阅读]