// 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; }