Skip to content

Instantly share code, notes, and snippets.

@Paul-Browne
Created June 12, 2014 10:43
Show Gist options
  • Save Paul-Browne/bab0e915526aa1d458a9 to your computer and use it in GitHub Desktop.
Save Paul-Browne/bab0e915526aa1d458a9 to your computer and use it in GitHub Desktop.
iconfont styles - requires iconfont in directory font/iconfont
/*iconfont*/
/*
@font-face
==========
fonts for every browser
=======================
*/
@font-face {
font-family: 'iconfont';
src:url('../fonts/iconfont.eot');
src:url('../fonts/iconfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/iconfont.woff') format('woff'),
url('../fonts/iconfont.ttf') format('truetype'),
url('../fonts/iconfont.svg#iconfont') format('svg');
font-weight: normal;
font-style: normal;
}
/*
.svg for chrome
===============
*/
@media only screen and (-webkit-min-device-pixel-ratio: 0) {
@font-face {
font-family: 'iconfont';
src: url('../fonts/iconfont.svg#iconfont') format('svg');
}
}
/*
.woff for opera mini & mobile
=============================
*/
@media only screen and (-o-min-device-pixel-ratio: 10/10) {
@font-face {
font-family: 'iconfont';
src: url('../fonts/iconfont.woff') format('woff');
}
}
[class*="icon-"] {
font-family: 'iconfont';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 0;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke: 0;
}
[class*="icon-"]:before {
position:relative;
top: 0.13em;
}
[class*="icon-"]:before {
font-size: 1.1765em;
}
.icon-warning:before {
content: "\21";
}
.icon-quote:before {
content: "\22";
}
.icon-cart:before {
content: "\24";
}
.icon-repeat:before {
content: "\25";
}
.icon-ampersand:before {
content: "\26";
}
.icon-sort:before {
content: "\62";
}
.icon-left:before {
content: "\28";
}
.icon-file:before {
content: "\77";
}
.icon-star:before {
content: "\2a";
}
.icon-plus:before {
content: "\2b";
}
.icon-arrow-up:before {
content: "\2c";
}
.icon-minus:before {
content: "\2d";
}
.icon-arrow-down:before {
content: "\2e";
}
.icon-thumbs-up:before {
content: "\2f";
}
.icon-number-0:before {
content: "\30";
}
.icon-number-1:before {
content: "\31";
}
.icon-number-2:before {
content: "\32";
}
.icon-number-3:before {
content: "\33";
}
.icon-number-4:before {
content: "\34";
}
.icon-number-5:before {
content: "\35";
}
.icon-number-6:before {
content: "\36";
}
.icon-number-7:before {
content: "\37";
}
.icon-number-8:before {
content: "\38";
}
.icon-number-9:before {
content: "\39";
}
.icon-down:before {
content: "\3a";
}
.icon-up:before {
content: "\3b";
}
.icon-arrow-left:before {
content: "\3c";
}
.icon-menu:before {
content: "\3d";
}
.icon-arrow-right:before {
content: "\3e";
}
.icon-help:before {
content: "\3f";
}
.icon-right:before {
content: "\29";
}
.icon-bookmark:before {
content: "\42";
}
.icon-clock:before {
content: "\43";
}
.icon-dribbble:before {
content: "\44";
}
.icon-login:before {
content: "\45";
}
.icon-facebook:before {
content: "\46";
}
.icon-google-plus:before {
content: "\47";
}
.icon-home:before {
content: "\48";
}
.icon-picture:before {
content: "\49";
}
.icon-picasa:before {
content: "\4a";
}
.icon-key:before {
content: "\4b";
}
.icon-linkedin:before {
content: "\4c";
}
.icon-mail:before {
content: "\4d";
}
.icon-feed:before {
content: "\4e";
}
.icon-logout:before {
content: "\4f";
}
.icon-pinterest:before {
content: "\50";
}
.icon-comment:before {
content: "\51";
}
.icon-reply:before {
content: "\52";
}
.icon-cog:before {
content: "\53";
}
.icon-twitter:before {
content: "\54";
}
.icon-user:before {
content: "\55";
}
.icon-play:before {
content: "\56";
}
.icon-remove:before {
content: "\58";
}
.icon-ok:before {
content: "\59";
}
.icon-tools:before {
content: "\5a";
}
.icon-sort-up:before {
content: "\5b";
}
.icon-foward:before {
content: "\66";
}
.icon-thumbs-down:before {
content: "\5c";
}
.icon-sort-down:before {
content: "\5d";
}
.icon-upload:before {
content: "\75";
}
.icon-plane:before {
content: "\61";
}
.icon-vimeo:before {
content: "\76";
}
.icon-cross:before {
content: "\78";
}
.icon-search:before {
content: "\71";
}
.icon-calendar:before {
content: "\63";
}
.icon-download:before {
content: "\64";
}
.icon-earth:before {
content: "\65";
}
.icon-github:before {
content: "\67";
}
.icon-heart:before {
content: "\68";
}
.icon-info:before {
content: "\69";
}
.icon-phone:before {
content: "\74";
}
.icon-disk:before {
content: "\73";
}
.icon-link:before {
content: "\6c";
}
.icon-map-marker:before {
content: "\6d";
}
.icon-retweet:before {
content: "\72";
}
.icon-print:before {
content: "\70";
}
.icon-flickr:before {
content: "\6b";
}
.icon-camera:before {
content: "\6a";
}
.icon-credit:before {
content: "\7b";
}
.icon-paypal:before {
content: "\7d";
}
.icon-youtube:before {
content: "\79";
}
.icon-spinner:before {
content: "\6f";
}
.icon-music:before {
content: "\6e";
}
.icon-share:before {
content: "\7a";
}
.icon-verified:before {
content: "\2714";
}
.icon-bar:before {
content: "\2015";
}
.icon-at:before {
content: "\7c";
}
.icon-open-quote:before {
content: "\201c";
}
.icon-alarm:before {
content: "\5f";
}
.icon-tag:before {
content: "\23";
}
.icon-pencil:before {
content: "\57";
}
.icon-paperclip:before {
content: "\41";
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment