Webfont Kit Generator is not the most advanced utility of this sort out there, but it gets the job done nicely thanks to its neat and practical GUI as well as its decent feature-set. From the Options section, you can enable WOFF2, and WOFF fonts, limit the character set to reduce the size (subsetting), as well as enable of disable the CSS font-display descriptor.
There are two main sections: the Fonts section (the place where you can import fonts from Google Fonts), and the Options section. The feature-set is mostly designed to help you generate CSS font-face directives that can be effortlessly copied and pasted into projects, and there aren't any advanced configuration or tweak possibilities. After visiting that link, click the Webfont Kit tab, and then click the Download font-face kit button: Next, unzip the downloaded file, and then open the.
Graphical user interface rundownĪs mentioned before, Webfont Kit Generator won't impress both in terms of features and looks. Worth noting is the fact that Webfont Kit Generator includes a tool that can help you download fonts from Google Fonts for self-hosting purposes. Here's what you need to know about the app: it's part of the GNOME Circle (a sublime ecosystem for GNOME boasting some of the best apps and libraries for GNOME), and it uses the fontTools python library under the hood.Īs expected from an app that's part of the GNOME Circle, the GUI is simple but quite stylish. Basic information about Webfont Kit Generator It runs a full Node.js environment and already has all of npm s 1,000,000+ packages pre-installed, including ficons-webfont-generator with all npm packages. Webfont Kit Generator is one such application, a free and open-source utility that provides you with all the necessary tools to generate woff, woff2, and the required CSS boilerplate from non-web fonts formats (such as OTF and TTF). As most front-end developers can tell you, having a good utility for managing and creating fonts with decent defaults can make your life a lot better.
0 kommentar(er)
