Skip to content

Instantly share code, notes, and snippets.

@MrVladevoit
Created May 11, 2017 13:42
Show Gist options
  • Save MrVladevoit/3109a9e77a2352fca429a71165122288 to your computer and use it in GitHub Desktop.
Save MrVladevoit/3109a9e77a2352fca429a71165122288 to your computer and use it in GitHub Desktop.
my-mixin-fonts
//===========//
//MIXIN FONTS
//===========//
@mixin font-face($file_name, $font_name:$file_name, $path:$font_path, $weight:normal, $style:normal){
@font-face {
font-family: quote($font_name);
font-style: $weight;
font-weight: $style;
src: url($path + $file-name + ".eot"); /* IE9 Compat Modes */
src: url($path + $file-name + ".eot?#iefix") format('embedded-opentype'), /* IE6-IE8 */
url($path + $file-name + ".woff") format('woff'), /* Modern Browsers */
url($path + $file-name + "proximanova-light.ttf") format('truetype'); /* Safari, Android, iOS */
}
}
// @include font-face("Roboto", "Roboto", '../fonts/', '400', 'normal');
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment