Icon Fontin’

gistfile1.scss

// Generic icon set using custom font face for glyphs
//
// .icon-myicon             - This is my cool icon
//
// Styleguide 5.1
[class^="icon-"], [class*=" icon-"]{
  font-family: "TCFont-Regular";
  display: inline-block;
  font-weight: normal !important;
  font-style: normal !important;
  vertical-align: middle;
  position: relative;
  top: -0.1em;
  width: 1.2em;
  font-size: 1.3em;
  text-align: center;

  &.icon-myicon:before{ content: "\f000"; }
}


// Icons should be hidden for clients with no fontface support
body.no-fontface{
  [class^="icon-"], [class*=" icon-"]{
    display: none;
  }
}