Cacher is the code snippet organizer for pro developers

@font-face {
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  src: url("fonts/icons/font/icon.eot?#iefix") format("embedded-opentype"), url("fonts/icons/font/icon.woff") format("woff"), url("fonts/icons/font/icon.ttf") format("truetype"), url("fonts/icons/font/icon.svg#icon") format("svg");
}

@font-face {
  font-family: "open-sans";
  font-style: normal;
  font-weight: normal;
  src: url("font/opensans/font/open-sans.eot?#iefix") format("embedded-opentype"), url("font/opensans/font/open-sans.woff") format("woff"), url("font/opensans/font/open-sans.ttf") format("truetype"), url("font/opensans/font/open-sans.svg#open-sans") format("svg");
}

body {
  font-family: 'open-sans', sans-serif;
}

// ----
// libsass (v3.3.2)
// ----

@import "bourbon/bourbon";

$webfonts: (
  icon:'fonts/icons/font/',
  open-sans:'font/opensans/font/'
);
// Declaration
// https://css-tricks.com/snippets/css/using-font-face/
// http://bourbon.io/docs/#font-face
@each $font-face,$font-path in $webfonts  {
    @include font-face('#{$font-face}', '#{$font-path}#{$font-face}', $file-formats: eot svg ttf woff);
}

// Declaration
// Usage
body {
  font-family: 'open-sans', sans-serif;
}