Learn Web Fonts, Icons, & Images
Web typography refers to the use of fonts on the World Wide Web. When HTML was first created, font faces and styles were controlled exclusively by the settings of each Web browser. There was no mechanism for individual Web pages to control font display until Netscape introduced the
<font>tag in 1995, which was then standardized in the HTML 3.2 specification. However, the font specified by the tag had to be installed on the user's computer or a fallback font, such as a browser's default sans-serif or monospace font, would be used. The first Cascading Style Sheets specification was published in 1996 and provided the same capabilities.The CSS2 specification was released in 1998 and attempted to improve the font selection process by adding font matching, synthesis and download. These techniques did not gain much use, and were removed in the CSS2.1 specification. However, Internet Explorer added support for the font downloading feature in version 4.0, released in 1997. Font downloading was later included in the CSS3 fonts module, and has since been implemented in Safari 3.1, Opera 10 and Mozilla Firefox 3.5. This has subsequently increased interest in Web typography, as well as the usage of font downloading.
Fonts:
- A Comprehensive Guide to Font Loading Strategies [read]
- Beautiful Web Type a Showcase of the Best Typefaces from the Google Web Fonts Directory [read]
- Quick Guide to Webfonts via @font-face [read]
- MDN: Web fonts [read]
- Responsive Typography [watch][$]
- Typography for the Web [watch][$]
Icons:
- [read] [watch]
Images:
- MDN: Images in HTMLb [read]
- MDN: Responsive images [read]
- SVG ON THE WEB - A Practical Guide [read]