consul/consul

View on GitHub
app/assets/stylesheets/fonts.scss

Summary

Maintainability
Test Coverage
// Fonts
//
// 01. Source Sans Pro (https://www.google.com/fonts/specimen/Source+Sans+Pro)
// 02. Lato (https://www.google.com/fonts/specimen/Lato)
// 03. Oswald (https://fonts.google.com/specimen/Oswald)
//

// 01. Source Sans Pro
// - - - - - - - - - - - - - - - - - - - - - - - - -

@font-face {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 300;
  src: font-url("sourcesanspro-light-webfont.eot");
  src: font-url("sourcesanspro-light-webfont.eot?#iefix") format("embedded-opentype"),
       font-url("sourcesanspro-light-webfont.woff2") format("woff2"),
       font-url("sourcesanspro-light-webfont.woff") format("woff"),
       font-url("sourcesanspro-light-webfont.ttf") format("truetype"),
       font-url("sourcesanspro-light-webfont.svg#source_sans_prolight") format("svg");
}

@font-face {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 400;
  src: font-url("sourcesanspro-regular-webfont.eot");
  src: font-url("sourcesanspro-regular-webfont.eot?#iefix") format("embedded-opentype"),
       font-url("sourcesanspro-regular-webfont.woff2") format("woff2"),
       font-url("sourcesanspro-regular-webfont.woff") format("woff"),
       font-url("sourcesanspro-regular-webfont.ttf") format("truetype"),
       font-url("sourcesanspro-regular-webfont.svg#source_sans_proregular") format("svg");
}

@font-face {
  font-family: "Source Sans Pro";
  font-style: italic;
  font-weight: 400;
  src: font-url("sourcesanspro-italic-webfont.eot");
  src: font-url("sourcesanspro-italic-webfont.eot?#iefix") format("embedded-opentype"),
       font-url("sourcesanspro-italic-webfont.woff2") format("woff2"),
       font-url("sourcesanspro-italic-webfont.woff") format("woff"),
       font-url("sourcesanspro-italic-webfont.ttf") format("truetype"),
       font-url("sourcesanspro-italic-webfont.svg#source_sans_proitalic") format("svg");
}

@font-face {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 700;
  src: font-url("sourcesanspro-bold-webfont.eot");
  src: font-url("sourcesanspro-bold-webfont.eot?#iefix") format("embedded-opentype"),
       font-url("sourcesanspro-bold-webfont.woff2") format("woff2"),
       font-url("sourcesanspro-bold-webfont.woff") format("woff"),
       font-url("sourcesanspro-bold-webfont.ttf") format("truetype"),
       font-url("sourcesanspro-bold-webfont.svg#source_sans_probold") format("svg");
}

// 02. Lato
// - - - - - - - - - - - - - - - - - - - - - - - - -

@font-face {
  font-family: "Lato";
  src: font-url("lato-light.eot");
  src: font-url("lato-light.eot?#iefix") format("embedded-opentype"),
       font-url("lato-light.woff2") format("woff2"),
       font-url("lato-light.woff") format("woff"),
       font-url("lato-light.ttf") format("truetype"),
       font-url("lato-light.svg#latolight") format("svg");
  font-weight: lighter;
  font-style: normal;
}

@font-face {
  font-family: "Lato";
  src: font-url("lato-regular.eot");
  src: font-url("lato-regular.eot?#iefix") format("embedded-opentype"),
       font-url("lato-regular.woff2") format("woff2"),
       font-url("lato-regular.woff") format("woff"),
       font-url("lato-regular.ttf") format("truetype"),
       font-url("lato-regular.svg#latoregular") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Lato";
  src: font-url("lato-bold.eot");
  src: font-url("lato-bold.eot?#iefix") format("embedded-opentype"),
       font-url("lato-bold.woff2") format("woff2"),
       font-url("lato-bold.woff") format("woff"),
       font-url("lato-bold.ttf") format("truetype"),
       font-url("lato-bold.svg#latobold") format("svg");
  font-weight: bold;
  font-style: normal;
}

// 03. Oswald
// - - - - - - - - - - - - - - - - - - - - - - - - -

@font-face {
  font-family: "Oswald";
  src: font-url("oswald/oswald-light.ttf") format("truetype");
  font-weight: lighter;
  font-style: normal;
}

@font-face {
  font-family: "Oswald";
  src: font-url("oswald/oswald-regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Oswald";
  src: font-url("oswald/oswald-bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: "Oswald";
  src: font-url("oswald/oswald-medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}