// Font font-family: @font-face { font-family: 'Source_Regular'; src: url('../font/sourcesanspro_regular/SourceSansPro-Regular-webfont.eot'); /* IE9 Compat Modes */ src: url('../font/sourcesanspro_regular/SourceSansPro-Regular-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../font/sourcesanspro_regular/SourceSansPro-Regular-webfont.woff') format('woff'), /* Modern Browsers */ url('../font/sourcesanspro_regular/SourceSansPro-Regular-webfont.ttf') format('truetype'); /* Safari, Android, iOS */ } @font-face { font-family: 'Source_Semibold'; src: url('../font/sourcesanspro_semibold/SourceSansPro-Semibold-webfont.eot'); /* IE9 Compat Modes */ src: url('../font/sourcesanspro_semibold/SourceSansPro-Semibold-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../font/sourcesanspro_semibold/SourceSansPro-Semibold-webfont.woff') format('woff'), /* Modern Browsers */ url('../font/sourcesanspro_semibold/SourceSansPro-Semibold-webfont.ttf') format('truetype'); /* Safari, Android, iOS */ } @font-face { font-family: 'Source_Bold'; src: url('../font/sourcesanspro_bold/SourceSansPro-Bold-webfont.eot'); /* IE9 Compat Modes */ src: url('../font/sourcesanspro_bold/SourceSansPro-Bold-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../font/sourcesanspro_bold/SourceSansPro-Bold-webfont.woff') format('woff'), /* Modern Browsers */ url('../font/sourcesanspro_bold/SourceSansPro-Bold-webfont.ttf') format('truetype'); /* Safari, Android, iOS */ } //Font size $h1-size: 30px; $h2-size: 24px; $h3-size: 18px; $h4-size: 14px; $h5-size: 12px; //Font weights $light: 100; $regular: 400; $bold: 600; // Base font $base-font-family: 'Source_Regular', sans-serif; $semibold-font-family: 'Source_Semibold', sans-serif; $bold-font-family: 'Source_Bold', sans-serif; $base-font-weight: $regular; $base-font-size: 12px; $base-line-height: 1.4; // Fixed Font $fixed-font-family: monospace; $fixed-font-size: 85%; $fixed-line-height: $base-line-height; // Headings $header-font-weight: $bold;