3.13 学习Web字体、图标和图像
网络排版是指在万维网上使用字体。当HTML最初创建时,字体和样式完全由每个Web浏览器的设置控制。Netscape于1995年引入
<font>
标记之前,还没有任何单独的Web页面控制字体显示的机制,该标记随后被标准化为HTML 3.2规范。但是,标签指定的字体必须安装在用户的计算机上,或者使用备用字体,比如浏览器的默认sans-serif或monospace字体。1996年发布了第一个层叠样式表规范,提供了相同的功能。1998年发布了CSS2规范,试图通过添加字体匹配、合成和下载来改进字体选择过程。这些技术没有得到太多的应用,并且在CSS2.1规范中被删除了。然而,在1997年Internet Explorer发布的4.0版本中增加了对字体下载功能的支持。字体下载后来包含在CSS3字体模块中,并在Safari 3.1、Opera 10和Mozilla Firefox 3.5中实现。这随后增加了人们对Web排版和字体下载的兴趣。
字体:
字体加载策略的全面指南 [阅读]
MDN: Web字体 [阅读]
响应式Web排版,v2 [观看][付费]
Web排版 [观看][付费]
图标:
- [阅读] [观看]
图像:
MDN: HTML中的图像 [阅读]
MDN: 响应式图像 [阅读]
WEB里的SVG — 实用指南 [阅读]