Order of src values in font-face in CSS file. Possible values: svg, ttf, woff, woff2, eot. ( cssFontsPath is chaged to relative path from htmlDest to dest)Īdditional options for CSS & HTML templates, that extends default options. styles string – Styles generated with default CSS template.htmlDestĭefault: path.join(st, options.fontName + '.html')
It is safe to use multiple generated files with mixins together. It generates mixin `webfont-icon` to add icon styles. It generates classes with names based on values from `options.templateOptions`. Paths of default templates are stored in the webfontsGenerator.templates object. src string – Value of the src property for codepoints object – Codepoints of icons in hex format.Template receives options from options.templateOptions along with the following options: cssĭefault: path.join(st, options.fontName + '.css') Name of font and base name of font files. Type: function(error, result) List of options filesĭirectory for generated font files. }) webfontsGenerator(options, done) options
Install npm install - save- dev webfonts-generator Usage const webfontsGenerator = require( 'webfonts-generator') Generates CSS files and HTML preview, allows to use custom templates.Supported font formats: WOFF2, WOFF, EOT, TTF and SVG.Hover over the font you want to delete, then click the trash icon that appears. When you delete a custom font you previously uploaded to Rise, courses where it was applied will go back to the default font. You can edit the font name, delete WOFF files you previously uploaded, or upload new WOFF files.Ĭlick Save to commit your changes, then click Back to return to the font menu. Hover over the font you want to edit, then click the pencil icon that appears.
When you edit a custom font you previously uploaded to Rise, courses where it was applied will automatically update with your changes. Learn more about personalizing your theme. The preview area will refresh automatically so you can see how your font choices look. Select heading and body fonts from the drop-down lists. You don’t have to upload a WOFF file for all three categories, but you must upload at least a regular-weight font.Ĭlick Back to return to the font menu or repeat the process for additional custom fonts.Īfter uploading a custom font, you can apply it in any course you create. (This is the name that will show in the font selectors in Rise.)Ĭlick the Regular, Bold, and Italic buttons and select a WOFF file from your computer. Go to your Create dashboard and click a card to edit the course.Ĭlick Theme in the upper right corner of the course editor.Ĭlick Add Custom Font on the screen that appears.Įnter a name for your custom font. You can upload custom fonts to Rise from any of your courses, and they’ll be available in all other courses you create. Tip: Use the demo file included in the download package to ensure any non-standard characters display as expected. You’ll upload the ones with a WOFF file extension to Rise.
Save and extract the zip file on your computer. Once processing is finished, click Download. If you're using a custom font to display non-latin characters, choose the language-specific subset. (You can convert multiple font files at the same time by holding down the Ctrl key on your keyboard as you select your font files.)ĭeselect the WOFF2 option. The following instructions are for the free converter at Transfonter.īrowse to the font files on your computer and click Open.
You can use any webfont generator but, if you'll be translating your content into multiple languages, we recommend Transfonter. If your fonts are in other file formats, such as OTF or TTF, you’ll need to convert them to WOFF files first. Note: At this time, we don't support WOFF2 files. If you already have WOFF files, you can skip to the next section and upload them directly to Rise. Your fonts must be in WOFF files to work with Rise. Personalize your Rise courses by uploading your own custom fonts for headings and body text. Applies to these roles: Author, Reporter, Admin