Google Fonts clone, for use with custom fonts not available on google.
- Boot it up with
npm start - Visit http://localhost:3000/css?family=Bitstream+Vera+Sans+Mono:400italic|Montserrat:400,700
- This will produce the following CSS, with CORS enabled:
@font-face {
font-family: 'Bitstream Vera Sans Mono';
font-weight: 400;
font-style: italic;
src: url('http://localhost:3000/fonts/Bitstream-Vera-Sans-Mono-400italic.woff2') format('woff2'),
url('http://localhost:3000/fonts/Bitstream-Vera-Sans-Mono-400italic.woff') format('woff');
}
@font-face {
font-family: 'Montserrat';
font-weight: 400;
font-style: normal;
src: url('http://localhost:3000/fonts/Montserrat-400.woff2') format('woff2'),
url('http://localhost:3000/fonts/Montserrat-400.woff') format('woff');
}
@font-face {
font-family: 'Montserrat';
font-weight: 700;
font-style: normal;
src: url('http://localhost:3000/fonts/Montserrat-700.woff2') format('woff2'),
url('http://localhost:3000/fonts/Montserrat-700.woff') format('woff');
}Add fonts to the /public/fonts directory. Only woff and woff2 formats are supported.
The naming format is {font-family}-{font-weight}{font-style}.{extension}, where font-style is optional, and font-family should be hyphenated if there are spaces.
Examples:
Futura-700italic.woffBitstream-Vera-Sans-Mono-400.woff
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent