font-facer

CSS-Font-Facer

Tool to generate css-font-face rules from a folder structure.

Usage

Install the package globally.

npm install -g font-facer

Run the tool from the root of your web project

font-facer -n fonts.css -f FontName ./path/to/yourfont

The tool generates the file 'font.css' with all font-faces for the font files inside the target folder.

Parameters

short	long	description	default	required
-f	--font-name	Set the name of font in the output file. Default is the name of the source directory. '_' are reokaced by ' '.	Name of source directory.
-o	--override	Can be set to replace the target file.	'${font-dir-name}.css'
-s	--source	Relative path to the font directory. Can be used without any parameter as last argument.	-	*
-t	--target	Relative path to the css file. By default that file is appended to. It is created if it doesn't exist.	-	*
-v	--verbose	Verbose outputs for debugging purposes.	false

Limitations

The package checks the filename for the name of the font-weights (e.g. light, bold, black, ...) as well as for the keyword 'italic'. If that information isn't in the fontname, the tool won't work as expected.