set-slds-font.scss

$static-font-path: "salesforce-lightning-design-system/assets/fonts/webfonts/";

// This is needed to fix loadind fonts
// https://github.com/salesforce-ux/design-system/issues/71
@mixin set-slds-font($name, $file, $weight: 400, $style: normal) {
  @font-face {
      font-family: $name;
      font-weight: $weight;
      font-style: $style;
      src: font-files(
        $static-font-path + $file + ".woff",
        $static-font-path + $file + ".woff2",
        $static-font-path + $file + ".eot",
        $static-font-path + $file + ".svg"
      );
  }
}

@include set-slds-font("Salesforce Sans", "SalesforceSans-Light", 300);
@include set-slds-font("Salesforce Sans", "SalesforceSans-LightItalic", 300, italic);
@include set-slds-font("Salesforce Sans", "SalesforceSans-Regular", 400);
@include set-slds-font("Salesforce Sans", "SalesforceSans-Italic", 400, italic);
@include set-slds-font("Salesforce Sans", "SalesforceSans-Bold", 700);