44 lines
989 B
Markdown
44 lines
989 B
Markdown
# Installing Webfonts
|
|
Follow these simple Steps.
|
|
|
|
## 1.
|
|
Put `satoshi/` Folder into a Folder called `fonts/`.
|
|
|
|
## 2.
|
|
Put `satoshi.css` into your `css/` Folder.
|
|
|
|
## 3. (Optional)
|
|
You may adapt the `url('path')` in `satoshi.css` depends on your Website Filesystem.
|
|
|
|
## 4.
|
|
Import `satoshi.css` at the top of you main Stylesheet.
|
|
|
|
```
|
|
@import url('satoshi.css');
|
|
```
|
|
|
|
## 5.
|
|
You are now ready to use the following Rules in your CSS to specify each Font Style:
|
|
```
|
|
font-family: Satoshi-Light;
|
|
font-family: Satoshi-LightItalic;
|
|
font-family: Satoshi-Regular;
|
|
font-family: Satoshi-Italic;
|
|
font-family: Satoshi-Medium;
|
|
font-family: Satoshi-MediumItalic;
|
|
font-family: Satoshi-Bold;
|
|
font-family: Satoshi-BoldItalic;
|
|
font-family: Satoshi-Black;
|
|
font-family: Satoshi-BlackItalic;
|
|
font-family: Satoshi-Variable;
|
|
font-family: Satoshi-VariableItalic;
|
|
|
|
```
|
|
## 6. (Optional)
|
|
Use `font-variation-settings` rule to controll axes of variable fonts:
|
|
wght 900.0
|
|
|
|
Available axes:
|
|
'wght' (range from 300.0 to 900.0
|
|
|