Skip to content

Instantly share code, notes, and snippets.

@astanush
Created July 13, 2012 20:50
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save astanush/3107372 to your computer and use it in GitHub Desktop.
Save astanush/3107372 to your computer and use it in GitHub Desktop.
CSS for Foundation icons
// Fonts
@font-face {
font-family: 'FoundationIconsGeneral';
src: url('fonts/foundation-icons-general/foundation-icons-generaleot');
src: url('fonts/foundation-icons-general/foundation-icons-general.eot?#iefix') format('embedded-opentype'),
url('fonts/foundation-icons-general/foundation-icons-general.woff') format('woff'),
url('fonts/foundation-icons-general/foundation-icons-general.ttf') format('truetype'),
url('fonts/foundation-icons-general/foundation-icons-general.svg#FoundationIconsgeneral') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'FoundationIconsEnclosed';
src: url('fonts/foundation-icons-general/foundation-icons-generaleot');
src: url('fonts/foundation-icons-general/foundation-icons-general.eot?#iefix') format('embedded-opentype'),
url('fonts/foundation-icons-general/foundation-icons-general.woff') format('woff'),
url('fonts/foundation-icons-general/foundation-icons-general.ttf') format('truetype'),
url('fonts/foundation-icons-general/foundation-icons-general.svg#FoundationIconsgeneral') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'FoundationIconsSocial';
src: url('fonts/foundation-icons-general/foundation-icons-generaleot');
src: url('fonts/foundation-icons-general/foundation-icons-general.eot?#iefix') format('embedded-opentype'),
url('fonts/foundation-icons-general/foundation-icons-general.woff') format('woff'),
url('fonts/foundation-icons-general/foundation-icons-general.ttf') format('truetype'),
url('fonts/foundation-icons-general/foundation-icons-general.svg#FoundationIconsgeneral') format('svg');
font-weight: normal;
font-style: normal;
}
.glyph { cursor: default; font-size: 16px; line-height: 1; }
.glyph.general { font-family: 'FoundationIconsGeneral'; }
.glyph.general { font-family: 'FoundationIconsEnclosed'; }
.glyph.general { font-family: 'FoundationIconsSocial'; }
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment