bower install picol-font
font
contains the font in different formatscss
contains different css files, just for all your needs...<i>
tag and assign icon classes directly to text elements.demo.html
- The demo html fileconfig.json
- Just a settings fileBecause we like to fit all your needs! :)
picol.css
- is the basic file and is usually enougth. It contains @font-face and character codes definitionpicol-ie7.css
- if you need IE7 supportpicol-codes.css
and picol-ie7-codes.css
- if you like to use your own @font-face rules. This can be very convenient for automated assets build systems.picol-embedded.css
- if you are ok with dirty hack, this file is for you! This is a basic css file, but with embedded WOFF font. To avoid CORS issues in Firefox and IE9+, when fonts are hosted on the separate domain.Access-Control-Allow-Origin
server headers.animation.css
- use it to get ideas about spinner rotation animation.You MUST setup your Server to reply font files with proper mime-type
, otherwise some browsers will fail showing fonts.
Apache usually already has necessary settings, but nginx
and other webservers should be tuned.
Here is list of mime types for our file extentions:
eot
: application/vnd.ms-fontobject
woff
: application/x-font-woff
ttf
: application/x-font-ttf
svg
: image/svg+xml
Except otherwise noted, the content of this site and all icons are licensed under a Creative Commons-License BY.
You are free to:
SHARE — copy and redistribute the material in any medium or format
ADAPT — remix, transform, and build upon the material for any purpose, even commercially.
The licensor cannot revoke these freedoms as long as you follow the license terms.
Under the following conditions:
ATTRIBUTION – Include a link to picol.org or blog.picol.org in your credits or any fitting place.
You must give appropriate credit, provide a link to the license, and indicate if changes were made. You may do so in any reasonable manner, but not in any way that suggests the licensor endorses you or your use.
Please send me a mail dropaline(aet)picol.org with a link or a screenshot of your project, if you use the PICOL signs.
I´m very interested in your applications and how you use the icons.