aboutsummaryrefslogtreecommitdiff
path: root/configs/conferences/35c3/assets/montserrat/README.MD
blob: 811ad40c05d7c64d9bf1540d9f606a59ab00da62 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
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;
}
```