Created
June 12, 2014 10:43
-
-
Save Paul-Browne/bab0e915526aa1d458a9 to your computer and use it in GitHub Desktop.
iconfont styles - requires iconfont in directory font/iconfont
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/*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