//Fonts
@mixin loadFontFace($fontFamily,$fontName,$fontLocal,$fontLocalAlt,$fontWeight,$fontStyle){
  @font-face {
    font-family: $fontFamily;
    src: local($fontLocal), local($fontLocalAlt),
    asset-url('#{$fontName}.eot');
    src: local($fontLocal), local($fontLocalAlt),
    asset-url('#{$fontName}.eot?#iefix') format('embedded-opentype'),
    asset-url('#{$fontName}.woff') format('woff'),
    asset-url('#{$fontName}.woff2') format('woff2'),
    asset-url('#{$fontName}.ttf') format('truetype'),
    asset-url('#{$fontName}.svg') format('svg');
    font-weight: $fontWeight;
    font-style: $fontStyle;
  }
}
@mixin loadFontFace--non-rails($fontFamily,$fontName,$fontLocal,$fontLocalAlt,$fontWeight,$fontStyle){
  @font-face {
    font-family: $fontFamily;
    src: local($fontLocal), local($fontLocalAlt),
    url('#{$fontName}.eot');
    src: local($fontLocal), local($fontLocalAlt),
    url('#{$fontName}.eot?#iefix') format('embedded-opentype'),
    url('#{$fontName}.woff') format('woff'),
    url('#{$fontName}.woff2') format('woff2'),
    url('#{$fontName}.ttf') format('truetype'),
    url('#{$fontName}.svg') format('svg');
    font-weight: $fontWeight;
    font-style: $fontStyle;
  }
}