diff options
author | dedeibel | 2018-12-10 23:37:48 +0100 |
---|---|---|
committer | dedeibel | 2018-12-19 22:06:25 +0100 |
commit | 0201dd5a0cc8fbb6ec64697f7eb5732f765337b8 (patch) | |
tree | fd55d7c6f522b385824eb78aea474c990621fe9a /configs/conferences/35c3/assets/montserrat/README.MD | |
parent | 359198cfc829e21c005d5b2c18f7d0453fd9ac4c (diff) |
35c3: Implement styling
Diffstat (limited to 'configs/conferences/35c3/assets/montserrat/README.MD')
-rw-r--r-- | configs/conferences/35c3/assets/montserrat/README.MD | 35 |
1 files changed, 35 insertions, 0 deletions
diff --git a/configs/conferences/35c3/assets/montserrat/README.MD b/configs/conferences/35c3/assets/montserrat/README.MD new file mode 100644 index 0000000..811ad40 --- /dev/null +++ b/configs/conferences/35c3/assets/montserrat/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/webfonts/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/webfonts/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 |