app/assets/stylesheets/fonts.scss
// 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;
}