# Fonts

Custom font files should go here. Unlike other static files, fonts should be loaded through CSS using `font-face`.

```scss
// TTF format used as an example, use any format that is appropriate for custom font that you might be using
@font-face {
  font-family: "Font Name";
  font-weight: 400;
  font-style: normal;
  src: url("../relative/path/to/fonts/FontName.ttf") format("truetype");
}

// Different weights or styles (italic) of the same font should use same font-family name, but just declare proper weight/style and link to proper file for that style
@font-face {
  font-family: "Font Name";
  font-weight: 700;
  font-style: normal;
  src: url("../relative/path/to/fonts/FontNameBold.ttf") format("truetype");
}
```

> These paths to font files are relative paths from the file where @font-face is being declared