学习 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 排版 [观看][$付费]
图标:
- [阅读] [观看]
图片:
- MDN: Images in HTMLb [阅读]
- MDN: Responsive images [阅读]
- Web 上的 SVG 实践指南 [阅读]