diff options
author | Juan del Peral <juandelperal@gmail.com> | 2018-03-16 17:27:27 +0300 |
---|---|---|
committer | GitHub <noreply@github.com> | 2018-03-16 17:27:27 +0300 |
commit | 21047be7ebcae5e71328358fcf20566cb85383ec (patch) | |
tree | 81dac8430890992d34b8c9fe5f87705627ddb516 /fonts/ttf | |
parent | 9b32bcf78a370495f3d0dd8e99b945fc8cad399d (diff) | |
parent | cbe1ffc710fb25488f8cf505d62e677f776a3c34 (diff) | |
download | Montserrat-21047be7ebcae5e71328358fcf20566cb85383ec.tar.xz |
Merge pull request #66 from RobinCheptileh/master
Added font stylesheet files
Diffstat (limited to 'fonts/ttf')
-rwxr-xr-x | fonts/ttf/Montserrat.css | 291 | ||||
-rw-r--r-- | fonts/ttf/README.MD | 35 |
2 files changed, 326 insertions, 0 deletions
diff --git a/fonts/ttf/Montserrat.css b/fonts/ttf/Montserrat.css new file mode 100755 index 0000000..75d021d --- /dev/null +++ b/fonts/ttf/Montserrat.css @@ -0,0 +1,291 @@ +/** =================== MONTSERRAT =================== **/ + +/** Montserrat Thin **/ +@font-face { + font-family: "Montserrat"; + font-weight: 100; + font-style: normal; + src: url("Montserrat-Thin.ttf") format('truetype'); +} + +/** Montserrat Thin-Italic **/ +@font-face { + font-family: "Montserrat"; + font-weight: 100; + font-style: italic; + src: url("Montserrat-ThinItalic.ttf") format('truetype'); +} + +/** Montserrat ExtraLight **/ +@font-face { + font-family: "Montserrat"; + font-weight: 200; + font-style: normal; + src: url("Montserrat-ExtraLight.ttf") format('truetype'); +} + +/** Montserrat ExtraLight-Italic **/ +@font-face { + font-family: "Montserrat"; + font-weight: 200; + font-style: italic; + src: url("Montserrat-ExtraLightItalic.ttf") format('truetype'); +} + +/** Montserrat Light **/ +@font-face { + font-family: "Montserrat"; + font-weight: 300; + font-style: normal; + src: url("Montserrat-Light.ttf") format('truetype'); +} + +/** Montserrat Light-Italic **/ +@font-face { + font-family: "Montserrat"; + font-weight: 300; + font-style: italic; + src: url("Montserrat-LightItalic.ttf") format('truetype'); +} + +/** Montserrat Regular **/ +@font-face { + font-family: "Montserrat"; + font-weight: 400; + font-style: normal; + src: url("Montserrat-Regular.ttf") format('truetype'); +} + +/** Montserrat Regular-Italic **/ +@font-face { + font-family: "Montserrat"; + font-weight: 400; + font-style: italic; + src: url("Montserrat-Italic.ttf") format('truetype'); +} + +/** Montserrat Medium **/ +@font-face { + font-family: "Montserrat"; + font-weight: 500; + font-style: normal; + src: url("Montserrat-Medium.ttf") format('truetype'); +} + +/** Montserrat Medium-Italic **/ +@font-face { + font-family: "Montserrat"; + font-weight: 500; + font-style: italic; + src: url("Montserrat-MediumItalic.ttf") format('truetype'); +} + +/** Montserrat SemiBold **/ +@font-face { + font-family: "Montserrat"; + font-weight: 600; + font-style: normal; + src: url("Montserrat-SemiBold.ttf") format('truetype'); +} + +/** Montserrat SemiBold-Italic **/ +@font-face { + font-family: "Montserrat"; + font-weight: 600; + font-style: italic; + src: url("Montserrat-SemiBoldItalic.ttf") format('truetype'); +} + +/** Montserrat Bold **/ +@font-face { + font-family: "Montserrat"; + font-weight: 700; + font-style: normal; + src: url("Montserrat-Bold.ttf") format('truetype'); +} + +/** Montserrat Bold-Italic **/ +@font-face { + font-family: "Montserrat"; + font-weight: 700; + font-style: italic; + src: url("Montserrat-BoldItalic.ttf") format('truetype'); +} + +/** Montserrat ExtraBold **/ +@font-face { + font-family: "Montserrat"; + font-weight: 800; + font-style: normal; + src: url("Montserrat-ExtraBold.ttf") format('truetype'); +} + +/** Montserrat ExtraBold-Italic **/ +@font-face { + font-family: "Montserrat"; + font-weight: 800; + font-style: italic; + src: url("Montserrat-ExtraBoldItalic.ttf") format('truetype'); +} + +/** Montserrat Black **/ +@font-face { + font-family: "Montserrat"; + font-weight: 900; + font-style: normal; + src: url("Montserrat-Black.ttf") format('truetype'); +} + +/** Montserrat Black-Italic **/ +@font-face { + font-family: "Montserrat"; + font-weight: 900; + font-style: italic; + src: url("Montserrat-BlackItalic.ttf") format('truetype'); +} + +/** =================== MONTSERRAT ALTERNATES =================== **/ + +/** Montserrat Alternates Thin **/ +@font-face { + font-family: "Montserrat Alternates"; + font-weight: 100; + font-style: normal; + src: url("MontserratAlternates-Thin.ttf") format('truetype'); +} + +/** Montserrat Alternates Thin-Italic **/ +@font-face { + font-family: "Montserrat Alternates"; + font-weight: 100; + font-style: italic; + src: url("MontserratAlternates-ThinItalic.ttf") format('truetype'); +} + +/** Montserrat Alternates ExtraLight **/ +@font-face { + font-family: "Montserrat Alternates"; + font-weight: 200; + font-style: normal; + src: url("MontserratAlternates-ExtraLight.ttf") format('truetype'); +} + +/** Montserrat Alternates ExtraLight-Italic **/ +@font-face { + font-family: "Montserrat Alternates"; + font-weight: 200; + font-style: italic; + src: url("MontserratAlternates-ExtraLightItalic.ttf") format('truetype'); +} + +/** Montserrat Alternates Light **/ +@font-face { + font-family: "Montserrat Alternates"; + font-weight: 300; + font-style: normal; + src: url("MontserratAlternates-Light.ttf") format('truetype'); +} + +/** Montserrat Alternates Light-Italic **/ +@font-face { + font-family: "Montserrat Alternates"; + font-weight: 300; + font-style: italic; + src: url("MontserratAlternates-LightItalic.ttf") format('truetype'); +} + +/** Montserrat Alternates Regular **/ +@font-face { + font-family: "Montserrat Alternates"; + font-weight: 400; + font-style: normal; + src: url("MontserratAlternates-Regular.ttf") format('truetype'); +} + +/** Montserrat Alternates Regular-Italic **/ +@font-face { + font-family: "Montserrat Alternates"; + font-weight: 400; + font-style: italic; + src: url("MontserratAlternates-Italic.ttf") format('truetype'); +} + +/** Montserrat Alternates Medium **/ +@font-face { + font-family: "Montserrat Alternates"; + font-weight: 500; + font-style: normal; + src: url("MontserratAlternates-Medium.ttf") format('truetype'); +} + +/** Montserrat Alternates Medium-Italic **/ +@font-face { + font-family: "Montserrat Alternates"; + font-weight: 500; + font-style: italic; + src: url("MontserratAlternates-MediumItalic.ttf") format('truetype'); +} + +/** Montserrat Alternates SemiBold **/ +@font-face { + font-family: "Montserrat Alternates"; + font-weight: 600; + font-style: normal; + src: url("MontserratAlternates-SemiBold.ttf") format('truetype'); +} + +/** Montserrat Alternates SemiBold-Italic **/ +@font-face { + font-family: "Montserrat Alternates"; + font-weight: 600; + font-style: italic; + src: url("MontserratAlternates-SemiBoldItalic.ttf") format('truetype'); +} + +/** Montserrat Alternates Bold **/ +@font-face { + font-family: "Montserrat Alternates"; + font-weight: 700; + font-style: normal; + src: url("MontserratAlternates-Bold.ttf") format('truetype'); +} + +/** Montserrat Alternates Bold-Italic **/ +@font-face { + font-family: "Montserrat Alternates"; + font-weight: 700; + font-style: italic; + src: url("MontserratAlternates-BoldItalic.ttf") format('truetype'); +} + +/** Montserrat Alternates ExtraBold **/ +@font-face { + font-family: "Montserrat Alternates"; + font-weight: 800; + font-style: normal; + src: url("MontserratAlternates-ExtraBold.ttf") format('truetype'); +} + +/** Montserrat Alternates ExtraBold-Italic **/ +@font-face { + font-family: "Montserrat Alternates"; + font-weight: 800; + font-style: italic; + src: url("MontserratAlternates-ExtraBoldItalic.ttf") format('truetype'); +} + +/** Montserrat Alternates Black **/ +@font-face { + font-family: "Montserrat Alternates"; + font-weight: 900; + font-style: normal; + src: url("MontserratAlternates-Black.ttf") format('truetype'); +} + +/** Montserrat Alternates Black-Italic **/ +@font-face { + font-family: "Montserrat"; + font-weight: 900; + font-style: italic; + src: url("MontserratAlternates-BlackItalic.ttf") format('truetype'); +}
\ No newline at end of file diff --git a/fonts/ttf/README.MD b/fonts/ttf/README.MD new file mode 100644 index 0000000..a3da10f --- /dev/null +++ b/fonts/ttf/README.MD @@ -0,0 +1,35 @@ +# The Montserrat Font Project +To use this font as a webfont, ```Montserrat.css``` is included. + +## How to use +### 1. @import +You can import the file into your stylesheet as follows: +```css +@import url("static/fonts/Montserrat/fonts/ttf/Montserrat.css"); +``` + +**NOTE:** The directory where the stylesheet is placed. + +Then we can use it to style elements: +```css +body { + font-family: 'Montserrat', sans-serif; + font-weight: 400; +} +``` + +### 2. \<link>ing a stylesheet +Similarly, you could link to the same asset as you would any other CSS filter, in the \<head> of the HTML document rather than in the CSS: +```html +<link rel="stylesheet" type="text/css" href="static/fonts/Montserrat/fonts/ttf/Montserrat.css"> +``` + +**NOTE:** The directory where the stylesheet is placed. + +Then we can use it to style elements: +```css +body { + font-family: 'Montserrat', sans-serif; + font-weight: 400; +} +```
\ No newline at end of file |