app/assets/stylesheets/modules/_typography.css.scss
@import url(//fonts.googleapis.com/css?family=Open+Sans:400,600);
body {
font-family: $bodyFontFamily;
font-weight: 400;
}
h1, h2, h3, h4, h5, h6 {
font-family: $headerFontFamily;
font-weight: bold;
}
/*
=============================
Adelle
=============================
*/
// Adelle Regular
@font-face {
font-family: 'adelle';
src: url('adelle_reg-webfont.eot');
src: url('adelle_reg-webfont.eot?#iefix') format('embedded-opentype'),
url('adelle_reg-webfont.woff') format('woff'),
url('adelle_reg-webfont.ttf') format('truetype'),
url('adelle_reg-webfont.svg#adelle_rgregular') format('svg');
font-weight: normal;
font-style: normal;
}
// Adelle Regular Italic
@font-face {
font-family: 'adelle';
src: url('adelle_italic-webfont.eot');
src: url('adelle_italic-webfont.eot?#iefix') format('embedded-opentype'),
url('adelle_italic-webfont.woff') format('woff'),
url('adelle_italic-webfont.ttf') format('truetype'),
url('adelle_italic-webfont.svg#adelle_rgitalic') format('svg');
font-weight: normal;
font-style: italic;
}
// Adelle Bold
@font-face {
font-family: 'adelle';
src: url('adelle_bold-webfont.eot');
src: url('adelle_bold-webfont.eot?#iefix') format('embedded-opentype'),
url('adelle_bold-webfont.woff') format('woff'),
url('adelle_bold-webfont.ttf') format('truetype'),
url('adelle_bold-webfont.svg#adelle_rgbold') format('svg');
font-weight: bold;
font-style: normal;
}
// Adelle Bold Italic
@font-face {
font-family: 'adelle';
src: asset-url('adelle_bolditalic-webfont.eot');
src: asset-url('adelle_bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
asset-url('adelle_bolditalic-webfont.woff') format('woff'),
asset-url('adelle_bolditalic-webfont.ttf') format('truetype'),
asset-url('adelle_bolditalic-webfont.svg#adelle_rgbold_italic') format('svg');
font-weight: bold;
font-style: italic;
}
/*
=============================
Klavika
=============================
*/
// Klavika Regular
@font-face {
font-family: 'klavika';
src: asset-url('klavikaregular-tf-webfont.eot');
src: asset-url('klavikaregular-tf-webfont.eot?#iefix') format('embedded-opentype'),
asset-url('klavikaregular-tf-webfont.woff') format('woff'),
asset-url('klavikaregular-tf-webfont.ttf') format('truetype'),
asset-url('klavikaregular-tf-webfont.svg#klavika_regularregular') format('svg');
font-weight: normal;
font-style: normal;
}
// Klavika Bold
@font-face {
font-family: 'klavika';
src: asset-url('klavikamedium-tf-webfont.eot');
src: asset-url('klavikamedium-tf-webfont.eot?#iefix') format('embedded-opentype'),
asset-url('klavikamedium-tf-webfont.woff') format('woff'),
asset-url('klavikamedium-tf-webfont.ttf') format('truetype'),
asset-url('klavikamedium-tf-webfont.svg#klavika_mediummedium') format('svg');
font-weight: bold;
font-style: normal;
}