Custom font face for Air Pollution App tutorial

gistfile1.txt

$product-font-path: $font-path !default;
@font-face {
  font-family: "Product Sans";
  font-style: normal;
  font-weight: 300;
  src: local("Product Sans"), local("Product-Sans-Regular"), url("#{$product-font-path}/ProductRegular.ttf") format("truetype");
}

@font-face {
  font-family: "Product Sans";
  font-style: normal;
  font-weight: 400;
  src: local("Product Sans"), local("Product-Sans-Regular"), url("#{$product-font-path}/ProductRegular.ttf") format("truetype");
}

@font-face {
  font-family: "Product Sans";
  font-style: normal;
  font-weight: 500;
  src: local("Product Sans Bold"), local("Product-Sans-Bold"), url("#{$product-font-path}/ProductBold.ttf") format("truetype");
}

@font-face {
  font-family: "Product Sans";
  font-style: normal;
  font-weight: 700;
  src: local("Product Sans Bold"), local("Product-Sans-Bold"), url("#{$product-font-path}/ProductBold.ttf") format("truetype");
}