// ============================================================================
// :: Font
// ============================================================================
/**
 * These mixins are defined to use or load a local font file into the project.
 * Try to keep font files locally so we don't have to rely on hosting from
 * a third party.
 */

/**
 * Use this mixin to load in a local font file. Every version of the font should
 * have the same name
 *
 * Params:
 * $name: a name given to the font
 * $url: location of the font file
 * $weight: the weight (100, 300, 400, ...) the font file is based on
 * $style: the style (italic, normal, ...) the font file is based on
 */
@mixin get-font($name, $url, $weight: normal, $style: normal) {

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