Discover more font weight that is not provided by common webfonts provider such as Google Fonts. For example, Monserrat on Google Fonts only provide 2 styles of weight, 400 and 700. This is very 💩
just include this to the top of your styles or css files
@import url(https://webfonts-plus.herokuapp.com/src?family=FontName);
just replace the FontName
to one of fonts listed below
- Montserrat
- Olivier
- Sign Painter
- Graphik
- National
- Tiempos Headline
- Tiempos Text
- coming soon (you can request by create issue to this repo 😊)
Available weight and styles:
font-weight |
font-style |
---|---|
100 | normal |
200 | normal |
300 | normal |
400 | normal |
500 | normal |
600 | normal |
700 | normal |
800 | normal |
Add this line to the top of your styles or base css files:
@import url(https://webfonts-plus.herokuapp.com?family=Montserrat);
And then your Montserrat font are ready to use for your website!
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-style: normal
Available weight and styles:
font-weight |
font-style |
---|---|
400 | normal |
Add this line to the top of your styles or base css files:
@import url(https://webfonts-plus.herokuapp.com?family=Olivier);
And then your Olivier font are ready to use for your website!
font-family: "Olivier", sans-serif;
font-weight: 400;
font-style: normal
Available weight and styles:
font-weight |
font-style |
---|---|
400 | normal |
Add this line to the top of your styles or base css files:
@import url(https://webfonts-plus.herokuapp.com?family=SignPainter);
And then your SignPainter
font are ready to use for your website!
font-family: "SignPainter", sans-serif;
font-weight: 400;
font-style: normal
Available weight and styles:
font-weight |
font-style |
---|---|
100 (Thin) | normal italic |
200 (Extralight) | normal italic |
300 (Light) | normal italic |
400 (Regular) | normal italic |
500 (Medium) | normal italic |
600 (Semibold) | normal italic |
700 (Bold) | normal italic |
800 (Black) | normal italic |
900 (Super) | normal italic |
Add this line to the top of your styles or base css files:
@import url(https://webfonts-plus.herokuapp.com?family=Graphik);
And then your Graphik
font are ready to use for your website!
font-family: "Graphik", sans-serif;
font-weight: 400;
font-style: normal
Available weight and styles:
font-weight |
font-style |
---|---|
300 (Book) | normal italic |
400 (Regular) | normal italic |
500 (Medium) | normal italic |
600 (Semibold) | normal italic |
700 (Bold) | normal italic |
800 (Extrabold) | normal italic |
Add this line to the top of your styles or base css files:
@import url(https://webfonts-plus.herokuapp.com?family=National);
And then your National
font are ready to use for your website!
font-family: "National", sans-serif;
font-weight: 400;
font-style: normal
Available weight and styles:
font-weight |
font-style |
---|---|
300 (Light) | normal italic |
400 (Regular) | normal italic |
500 (Medium) | normal italic |
600 (Semibold) | normal italic |
700 (Bold) | normal italic |
800 (Black) | normal italic |
Add this line to the top of your styles or base css files:
@import url(https://webfonts-plus.herokuapp.com?family= TiemposHeadline);
And then your TiemposHeadline
font are ready to use for your website!
font-family: "TiemposHeadline", serif;
font-weight: 400;
font-style: normal
Available weight and styles:
font-weight |
font-style |
---|---|
400 (Regular) | normal italic |
500 (Medium) | normal italic |
600 (Semibold) | normal italic |
700 (Bold) | normal italic |
Add this line to the top of your styles or base css files:
@import url(https://webfonts-plus.herokuapp.com?family=SignPainter);
And then your TiemposText
font are ready to use for your website!
font-family: "TiemposText", sans-serif;
font-weight: 400;
font-style: normal
MIT