Why ?
眼睛很挑
Pixel-Art Poopaye!
image source:
http://www.minecraftpixelarttemplates.com/2013/11/despicable-me-minion-2.html
icon font 不是用的好好的?
難找、
語義未明、
不彈性
只有單色、
跨網域就心煩
What ?
Is it good to drink ?
Inline SVG
v.s.
Icon Fonts
1. in HTML
e.g.,
<?php echo file_get_contents("kiwi.svg"); ?>
2. Ajax
1. ✋ ✋ + text-editor
hard to understand the SVG icon
0. prepare
1. basic
2. inlineSVG
3. basic prefix id
4. auto prefix id
5. svg optimization
6. add svg fallback, if necessary.
6. add svg fallback, if necessary.
i/
Accessibility [1]