@mixin fontsProperties {
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
}

@mixin getAssets($family, $url, $size, $hash) {
  font-family: $family;
  font-display: swap;
  font-weight: $size;
  src: url($url+".eot");
  src: local(""), url($url+".eot?#iefix") format("embedded-opentype"),
    url($url+".woff2") format("woff2"), url($url+".woff") format("woff"),
    url($url+".ttf") format("truetype"), url($url+".svg#"+$hash) format("svg");
}

@mixin fontFace($sizes) {
  @each $family, $url, $size, $hash in $sizes {
    @font-face {
      @include getAssets($family, $url, $size, $hash);
    }
  }
}