Open Rplus opened 8 years ago
Ligature Icons via Pseudo Elements and Icon Fonts by Jason Jacobson 2016-03-18 https://css-tricks.com/ligature-icons/
雖然現在 SVG icon system 紅紅火火的 不過字型的連字功能： ligature 倒是新認識的方式
alistapart 有篇文章在介紹這一個用法， 可以讓 icon 更加"易讀"一些 http://alistapart.com/article/the-era-of-symbol-fonts
Material Icons Guide > Using the icons in HTML http://google.github.io/material-design-icons/#using-the-icons-in-html
這段也有講到 material-design-icons 也是採用 ligature 的方式來套用 icon
material design icons 的對應表可以直接查表~ https://design.google.com/icons/
不過也有人覺得 這些 icon 的 文字在不同語系下就一點意義也沒有了 如：法語中就沒有 star 這字，那是不是每種語言都要另外生一支 icon font 呢~
star
至於支援度問題： [ligatures support](): IE10+ ( 不算是很普及哩~
Rplus
commented
8 years ago 
Rplus
commented
8 years ago
Ligature Icons via Pseudo Elements and Icon Fonts by Jason Jacobson 2016-03-18 https://css-tricks.com/ligature-icons/
雖然現在 SVG icon system 紅紅火火的 不過字型的連字功能： ligature 倒是新認識的方式
alistapart 有篇文章在介紹這一個用法， 可以讓 icon 更加"易讀"一些 http://alistapart.com/article/the-era-of-symbol-fonts
Material Icons Guide > Using the icons in HTML http://google.github.io/material-design-icons/#using-the-icons-in-html
這段也有講到 material-design-icons 也是採用 ligature 的方式來套用 icon
material design icons 的對應表可以直接查表~ https://design.google.com/icons/
不過也有人覺得 這些 icon 的 文字在不同語系下就一點意義也沒有了 如：法語中就沒有
star這字，那是不是每種語言都要另外生一支 icon font 呢~至於支援度問題： [ligatures support](): IE10+ ( 不算是很普及哩~