joshua/dash-website
1
0
Fork 0
mirror of https://github.com/seigler/dash-website synced 2025-07-27 07:16:10 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

(Feature) Fonts: Montserrat (ExtraLight – Medium)

Browse source
This commit is contained in:
0xfff 2016-09-25 22:08:26 +02:00
parent 76a9e42877
commit c2f4932e26
14 changed files with 57 additions and 14 deletions
Download patch file Download diff file Expand all files Collapse all files

5
src/fonts/montserrat/generator_config.txt Executable file
View file

@ -0,0 +1,5 @@
# Font Squirrel Font-face Generator Configuration File
# Upload this file to the generator to recreate the settings
# you used to create these fonts.
{"mode":"optimal","formats":["woff","woff2"],"tt_instructor":"default","fix_gasp":"xy","fix_vertical_metrics":"Y","metrics_ascent":"","metrics_descent":"","metrics_linegap":"","add_spaces":"Y","add_hyphens":"Y","fallback":"none","fallback_custom":"100","options_subset":"basic","subset_custom":"","subset_custom_range":"","subset_ot_features_list":"","css_stylesheet":"stylesheet.css","filename_suffix":"-webfont","emsquare":"2048","spacing_adjustment":"0"}

BIN
src/fonts/montserrat/montserrat-extralight-webfont.woff Executable file
View file

Binary file not shown.

BIN
src/fonts/montserrat/montserrat-extralight-webfont.woff2 Executable file
View file

Binary file not shown.

BIN
src/fonts/montserrat/montserrat-light-webfont.woff Executable file
View file

Binary file not shown.

BIN
src/fonts/montserrat/montserrat-light-webfont.woff2 Executable file
View file

Binary file not shown.

BIN
src/fonts/montserrat/montserrat-medium-webfont.woff Executable file
View file

Binary file not shown.

BIN
src/fonts/montserrat/montserrat-medium-webfont.woff2 Executable file
View file

Binary file not shown.

BIN
src/fonts/montserrat/montserrat-regular-webfont.woff Executable file
View file

Binary file not shown.

BIN
src/fonts/montserrat/montserrat-regular-webfont.woff2 Executable file
View file

Binary file not shown.

2
src/scss/_buttons.scss
View file

@ -4,7 +4,7 @@
padding: 5px 10px;
display: inline-block;
font-family: $font-heading;
font-weight: 500;
font-weight: 300;
}
.btn-white-solid {

6
src/scss/_header.scss
View file

@ -15,12 +15,14 @@
> h1 {
margin-top: 2.5em;
margin-bottom: 8px; /*optical*/
font-size: 56px;
font-size: 50px;
line-height: 1.2;
letter-spacing: -0.01em;
}
> p {
font-family: $font-heading;
font-size: 35px;
font-weight: 200;
font-size: 24px;
line-height: 1.25;
margin-bottom: 0.5em;
}

3
src/scss/_nav.scss
View file

@ -12,7 +12,6 @@
text-transform: uppercase;
font-size: 14px;
letter-spacing: 0.02em;
font-weight: 600;
line-height: 90px;
&:last-child > .nav__link {
padding-right: 0;
@ -57,4 +56,4 @@
@keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
}

23
src/scss/_typography.scss
View file

@ -1,18 +1,23 @@
@import "fonts/worksans/bold";
@import "fonts/worksans/medium";
@import "fonts/open-sans/regular";
@import "fonts/open-sans/italic";
// @import "fonts/worksans/bold";
// @import "fonts/worksans/medium";
// @import "fonts/open-sans/regular";
// @import "fonts/open-sans/italic";
@import "fonts/montserrat/montserrat";
$font-body: 'Open Sans', Helvetica, Arial, sans-serif;
$font-heading: 'Work Sans', Helvetica, Arial, sans-serif;
$font-body: 'Montserrat', 'Open Sans', Helvetica, Arial, sans-serif;
$font-heading: $font-body;
$font-base-size: 17px;
body {
font-family: $font-body;
font-size: ($font-base-size / 16px * 100%);
line-height: 1.5;
font-weight: 300;
}
p {
font-size: 14px;
font-size: $font-base-size;
line-height: 1.5;
a {
color: $blue;
@ -25,13 +30,13 @@ p {
h1, h2, h3 {
font-family: $font-heading;
font-weight: bold;
font-weight: 300;
}
h1 {
font-size: 36px;
line-height: 40px;
font-weight: bold;
font-weight: 300;
}
h2 {

32
src/scss/fonts/montserrat/_montserrat.scss Normal file
View file

@ -0,0 +1,32 @@
@font-face {
font-family: 'Montserrat'; //extralight';
src: url('../fonts/montserrat/montserrat-extralight-webfont.woff2') format('woff2'),
url('../fonts/montserrat/montserrat-extralight-webfont.woff') format('woff');
font-weight: 200;
font-style: normal;
}
@font-face {
font-family: 'Montserrat'; //light';
src: url('../fonts/montserrat/montserrat-light-webfont.woff2') format('woff2'),
url('../fonts/montserrat/montserrat-light-webfont.woff') format('woff');
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: 'Montserrat'; //regular';
src: url('../fonts/montserrat/montserrat-regular-webfont.woff2') format('woff2'),
url('../fonts/montserrat/montserrat-regular-webfont.woff') format('woff');
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'Montserrat'; //medium';
src: url('../fonts/montserrat/montserrat-medium-webfont.woff2') format('woff2'),
url('../fonts/montserrat/montserrat-medium-webfont.woff') format('woff');
font-weight: 500;
font-style: normal;
}