Ungodly compliant rules for liqsym.com

SassMeister-input.scss

// ----
// Sass (v3.4.9)
// Compass (v1.0.1)
// ----

// =============================================================================
// String Replace
// =============================================================================
 
@function str-replace($string, $search, $replace: "") {
	$index: str-index($string, $search);
 
	@if $index {
		@return str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace);
	}
 
	@return $string;
}
 
// =============================================================================
// Font Face
// =============================================================================
 
@mixin font-face($name, $path, $weight: null, $style: null, $exts: eot woff2 woff ttf svg) {
	$src: null;
 
	$extmods: (
		eot: "?#iefix",
		svg: "#" + str-replace($name, " ", "_")
	);
 
	$formats: (
	  eot: 'embedded-opentype',
		otf: 'opentype',
		ttf: 'truetype'
	);
 
	@font-face {
		font-family: quote($name);
		font-style: $style;
		font-weight: $weight;
		
  	@each $ext in $exts {
  	  @if($ext == 'eot') {
  	    src: url(quote($path + '.eot'));
  	  }
  	  
  		$extmod: if(map-has-key($extmods, $ext), $ext + map-get($extmods, $ext), $ext);
  		$format: if(map-has-key($formats, $ext), map-get($formats, $ext), $ext);
  		$src: append($src, url(quote($path + '.' + $extmod)) format(quote($format)), comma);
  	}
  	
  	src: $src;
	}
}

@include font-face('Khmer MN', 'fonts/KhmerMN', 400);
@include font-face('Khmer MN', 'fonts/KhmerMNBold', 700, 'bold');

@include font-face('Playfair Display', 'fonts/PlayfairDisplayRegular', 400);
@include font-face('Playfair Display', 'fonts/PlayfairDisplayBlack', 800);
@include font-face('Playfair Display', 'fonts/PlayfairDisplayBlackItalic', 800, 'italic');
@include font-face('Playfair Display', 'fonts/PlayfairDisplayBold', 700);
@include font-face('Playfair Display', 'fonts/PlayfairDisplayBoldItalic', 700, 'italic');
@include font-face('Playfair Display', 'fonts/PlayfairDisplayItalic', 400, 'italic');

SassMeister-output.css

@font-face {
  font-family: "Khmer MN";
  font-weight: 400;
  src: url("fonts/KhmerMN.eot");
  src: url("fonts/KhmerMN.eot?#iefix") format("embedded-opentype"), url("fonts/KhmerMN.woff2") format("woff2"), url("fonts/KhmerMN.woff") format("woff"), url("fonts/KhmerMN.ttf") format("truetype"), url("fonts/KhmerMN.svg#Khmer_MN") format("svg");
}
@font-face {
  font-family: "Khmer MN";
  font-style: "bold";
  font-weight: 700;
  src: url("fonts/KhmerMNBold.eot");
  src: url("fonts/KhmerMNBold.eot?#iefix") format("embedded-opentype"), url("fonts/KhmerMNBold.woff2") format("woff2"), url("fonts/KhmerMNBold.woff") format("woff"), url("fonts/KhmerMNBold.ttf") format("truetype"), url("fonts/KhmerMNBold.svg#Khmer_MN") format("svg");
}
@font-face {
  font-family: "Playfair Display";
  font-weight: 400;
  src: url("fonts/PlayfairDisplayRegular.eot");
  src: url("fonts/PlayfairDisplayRegular.eot?#iefix") format("embedded-opentype"), url("fonts/PlayfairDisplayRegular.woff2") format("woff2"), url("fonts/PlayfairDisplayRegular.woff") format("woff"), url("fonts/PlayfairDisplayRegular.ttf") format("truetype"), url("fonts/PlayfairDisplayRegular.svg#Playfair_Display") format("svg");
}
@font-face {
  font-family: "Playfair Display";
  font-weight: 800;
  src: url("fonts/PlayfairDisplayBlack.eot");
  src: url("fonts/PlayfairDisplayBlack.eot?#iefix") format("embedded-opentype"), url("fonts/PlayfairDisplayBlack.woff2") format("woff2"), url("fonts/PlayfairDisplayBlack.woff") format("woff"), url("fonts/PlayfairDisplayBlack.ttf") format("truetype"), url("fonts/PlayfairDisplayBlack.svg#Playfair_Display") format("svg");
}
@font-face {
  font-family: "Playfair Display";
  font-style: "italic";
  font-weight: 800;
  src: url("fonts/PlayfairDisplayBlackItalic.eot");
  src: url("fonts/PlayfairDisplayBlackItalic.eot?#iefix") format("embedded-opentype"), url("fonts/PlayfairDisplayBlackItalic.woff2") format("woff2"), url("fonts/PlayfairDisplayBlackItalic.woff") format("woff"), url("fonts/PlayfairDisplayBlackItalic.ttf") format("truetype"), url("fonts/PlayfairDisplayBlackItalic.svg#Playfair_Display") format("svg");
}
@font-face {
  font-family: "Playfair Display";
  font-weight: 700;
  src: url("fonts/PlayfairDisplayBold.eot");
  src: url("fonts/PlayfairDisplayBold.eot?#iefix") format("embedded-opentype"), url("fonts/PlayfairDisplayBold.woff2") format("woff2"), url("fonts/PlayfairDisplayBold.woff") format("woff"), url("fonts/PlayfairDisplayBold.ttf") format("truetype"), url("fonts/PlayfairDisplayBold.svg#Playfair_Display") format("svg");
}
@font-face {
  font-family: "Playfair Display";
  font-style: "italic";
  font-weight: 700;
  src: url("fonts/PlayfairDisplayBoldItalic.eot");
  src: url("fonts/PlayfairDisplayBoldItalic.eot?#iefix") format("embedded-opentype"), url("fonts/PlayfairDisplayBoldItalic.woff2") format("woff2"), url("fonts/PlayfairDisplayBoldItalic.woff") format("woff"), url("fonts/PlayfairDisplayBoldItalic.ttf") format("truetype"), url("fonts/PlayfairDisplayBoldItalic.svg#Playfair_Display") format("svg");
}
@font-face {
  font-family: "Playfair Display";
  font-style: "italic";
  font-weight: 400;
  src: url("fonts/PlayfairDisplayItalic.eot");
  src: url("fonts/PlayfairDisplayItalic.eot?#iefix") format("embedded-opentype"), url("fonts/PlayfairDisplayItalic.woff2") format("woff2"), url("fonts/PlayfairDisplayItalic.woff") format("woff"), url("fonts/PlayfairDisplayItalic.ttf") format("truetype"), url("fonts/PlayfairDisplayItalic.svg#Playfair_Display") format("svg");
}