46c6aa7f5f
The same way it's done in the official SDG icons. We're also using uppercase with slightly smaller letter spacing for the same reason. Even though we didn't do so in the past, we're moving the font to its own folder inside the vendor folder and including the license file as well in order to make it clear that these files do not follow the same license CONSUL uses.
128 lines
4.3 KiB
SCSS
128 lines
4.3 KiB
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;
|
|
}
|