Css3 fontface
0 likes331 views
The document outlines the requirements for using vector icons in CSS, highlighting three key components: the @font-face directive for font inclusion, the pictos font resource, and the usage of :before and :after pseudo-elements in CSS. It also provides specific URLs for font resources and additional reading. These elements are essential for effectively implementing vector icons in web design.
Css3 fontface
- 1. Vector icons with CSS You need three things:
- 4. @font-face { font-family: "pictos-web"; src: url("type/pictos-web.eot"); src: local(' '), url("type/pictos-web.woff") format("woff"), url("type/pictos-web.ttf") format("truetype"), url("type/pictos-web.svg#webfontIyfZbseF") format("svg"); } www.paulirish.com <- Read that.
- 7. Item #3: CSS :before and :after pseudo-elements