diff --git a/css/style.css b/css/style.css index 71fb42f..84cb356 100644 --- a/css/style.css +++ b/css/style.css @@ -175,6 +175,32 @@ font-weight: 800; font-style: italic; } +/* 2.1.2 - Teko */ +@font-face { + font-family: 'Teko'; + src: url("../fonts/teko-light-webfont.woff"); + font-weight: 300; } + +@font-face { + font-family: 'Teko'; + src: url("../fonts/teko-regular-webfont.woff"); + font-weight: 400; } + +@font-face { + font-family: 'Teko'; + src: url("../fonts/teko-medium-webfont.woff"); + font-weight: 500; } + +@font-face { + font-family: 'Teko'; + src: url("../fonts/teko-semibold-webfont.woff"); + font-weight: 600; } + +@font-face { + font-family: 'Teko'; + src: url("../fonts/teko-bold-webfont.woff"); + font-weight: 700; } + /* 2.2 - Global Typography */ body { font-family: OpenSans, sans-serif; @@ -243,6 +269,7 @@ ol { /* 2.3 - Titles */ h1, h2, h3, h4, h5, h6, h7 { + font-family: 'Teko'; text-align: left; font-size: 1em; line-height: 1.5em; diff --git a/fonts/teko-bold-webfont.woff b/fonts/teko-bold-webfont.woff new file mode 100644 index 0000000..592f7cd Binary files /dev/null and b/fonts/teko-bold-webfont.woff differ diff --git a/fonts/teko-light-webfont.woff b/fonts/teko-light-webfont.woff new file mode 100644 index 0000000..3c7030c Binary files /dev/null and b/fonts/teko-light-webfont.woff differ diff --git a/fonts/teko-medium-webfont.woff b/fonts/teko-medium-webfont.woff new file mode 100644 index 0000000..2aa760d Binary files /dev/null and b/fonts/teko-medium-webfont.woff differ diff --git a/fonts/teko-regular-webfont.woff b/fonts/teko-regular-webfont.woff new file mode 100644 index 0000000..91a438d Binary files /dev/null and b/fonts/teko-regular-webfont.woff differ diff --git a/fonts/teko-semibold-webfont.woff b/fonts/teko-semibold-webfont.woff new file mode 100644 index 0000000..b87c0c6 Binary files /dev/null and b/fonts/teko-semibold-webfont.woff differ diff --git a/scss/_font-face.scss b/scss/_font-face.scss index fb9d055..7d6b078 100644 --- a/scss/_font-face.scss +++ b/scss/_font-face.scss @@ -121,3 +121,35 @@ font-weight: 800; font-style: italic; } + +/* 2.1.2 - Teko */ + +@font-face { + font-family: 'Teko'; + src: url('../fonts/teko-light-webfont.woff'); + font-weight: 300; +} + +@font-face { + font-family: 'Teko'; + src: url('../fonts/teko-regular-webfont.woff'); + font-weight: 400; +} + +@font-face { + font-family: 'Teko'; + src: url('../fonts/teko-medium-webfont.woff'); + font-weight: 500; +} + +@font-face { + font-family: 'Teko'; + src: url('../fonts/teko-semibold-webfont.woff'); + font-weight: 600; +} + +@font-face { + font-family: 'Teko'; + src: url('../fonts/teko-bold-webfont.woff'); + font-weight: 700; +} diff --git a/scss/_typography.scss b/scss/_typography.scss index 8ad4227..2f7484d 100644 --- a/scss/_typography.scss +++ b/scss/_typography.scss @@ -98,6 +98,7 @@ ol { } h1, h2, h3, h4, h5, h6, h7 { + font-family: 'Teko'; text-align: left; font-size: 1em; line-height: 1.5em;