ayebare/webfonts-plus

Provide more webfonts type and weight from common webfonts provider

Webfonts Plus😍

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 💩

How to use

just include this to the top of your styles or css files

@import url(http://webfonts-plus.herokuapp.com/src?family=FontName);

just replace the FontName to one of fonts listed below

Fonts Lists

1. Montserrat
2. Olivier
3. Sign Painter
4. Graphik
5. National
6. Tiempos Headline
7. Tiempos Text
8. coming soon (you can request by create issue to this repo 😊)

1. Montserrat

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(http://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

2. Olivier

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(http://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

3. Sign Painter

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(http://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

4. Graphik

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(http://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

5. National

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(http://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

6. Tiempos Headline

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(http://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

7. Tiempos Text

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(http://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

License

MIT