## Web 字體 & 圖標
>Web 字體是指在 WWW 上使用的字體. 當 HTML 文檔第一次被創建時, 字體風格和樣式會被每個 Web 瀏覽器的設置所控制, 因為直到 1995 年網景介紹了`<font>`標記之前, 個人網頁沒有控制字體顯示的方式, 而`<font>`標記在 HTML 3.2 規范中被標準化. 然而, 被標記指定的字體必須安裝在用戶的電腦上, 或者是一種可以依賴的字體, 如: 瀏覽器默認的 sans-serif 字體或 monospace 字體. 在1996 年 發布的 CSS 1.0 規范也提供指定使用字體的功能.
> 1998 年, CSS 2.0 規范發布, 意圖通過字體匹配, 合成和下載技術, 改善字體的選擇過程, 但這些技術并沒有得到使用, 并在 CSS2.1 規范中被移除了. 然而, 在 1997 年發布的 IE 4.0 增加了對字體下載的支持, 隨后, CSS 3 的字體模塊變包含了字體下載, 并且 Safari 3.1, Opera 10 和 Mozilla Firefox 3.5 實現了這一功能, 隨后便增加了 Web 字體和所使用字體的下載. - wikipedia
**綜合學習:**
<ul>
<li><a href="http://www.pluralsight.com/courses/typography-for-web-1790" target="_blank">Typography for the Web</a> [watch][$]</li>
<li><a href="http://zoerooney.com/learn-web-fonts/" target="_blank">Learn-web-fonts</a> [read]</li>
<li><a href="http://www.html5rocks.com/en/tutorials/webfonts/quick/" target="_blank">Quick guide to webfonts via @font-face</a> [read]</li>
<li><a href="https://frontendmasters.com/courses/responsive-typography/" target="_blank">Responsive Typography</a> [watch][$]</li>
<li><a href="http://hellohappy.org/beautiful-web-type/" target="_blank">Beautiful Web Type A showcase of the best typefaces from the Google web fonts directory.</a> [read]</li>
</ul>
- Introduction
- 什么是前端開發者?
- 第一部分: 前端開發實踐
- 前端的工作職稱
- 常用的網絡技術
- 前端開發技術棧
- 前端開發做什么
- 團隊中的前端
- 全才神話
- 前端的面試問題
- 前端工作版塊
- 前端薪資
- 如何培養前端開發者?
- 第二部分: 前端開發學習
- 自主學習
- Internet/Web
- Web瀏覽器
- DNS
- HTTP/網絡
- Web 主機
- 前端開發綜合學習
- 用戶界面和交互設計
- HTML & CSS
- SEO
- Javascript
- Web 動畫
- DOM, BOM & JQuery
- Web 字體
- 無障礙設計
- Web/瀏覽器 API
- JSON
- 靜態網頁生成器
- 前端應用架構設計
- 接口/API 設計
- Web 開發者工具
- 命令行
- Node.js
- 模塊加載器
- 包管理器
- 版本控制
- 構建 & 任務自動化
- 網站性能優化
- JS 測試
- 無殼瀏覽器
- 離線開發
- 安全
- 多平臺開發
- 指導學習
- 前端指導學習
- 前端開發者從哪里學
- 前端簡報, 資訊 & 博客
- 第三部分: 前端開發工具
- 常用前端開發工具
- DOC/API 瀏覽
- SEO
- 原型和框架
- 圖表
- HTTP/網絡
- 代碼編輯
- 瀏覽器
- HTML
- CSS
- DOM
- JavaScript
- 靜態網頁生成器
- APP(桌面, 移動, 平板等) 管理
- 腳手架
- 模板
- UI 部件 & 組件
- 數據可視化
- 圖形
- 動畫
- JSON
- 測試框架
- 數據存儲
- 模塊/包加載
- 模塊/包倉庫
- Web/云/靜態主機托管
- 項目管理 & 代碼托管
- 合作 & 交流
- CMS 托管/API
- BASS
- 離線
- 安全
- 任務管理
- 部署
- 網站/APP 監控
- JS 錯誤監控
- 性能