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.woff
Bitstream-Vera-Sans-Mono-400.woff