descent Offset applied to the baseline (Default: 0) round Setup SVG rounding (Default: 10e12) normalize Normalize icons sizes (Default: false)
selector Use a selector instead of 'tag + prefix' (Default: null) t, -tag CSS base tag for icons (Default: i) p, -prefix CSS classname prefix for icons (Default: icon) jsonpath JSON output path (Defaults to /.json) j, -json Generate JSON map file if true (Default: true) htmltp HTML handlebars template path (Optional) types Font types - (Defaults to 'svg, ttf, woff, woff2, eot') htmlpath HTML output path (Defaults to /.html) html Generate HTML preview file if true (Default: true) You can even copy the sample HTML and also the icon Unicode character for using it in Word, Photoshop, etc (it requires. This extension allows to find and copy Font Awesome icons easily in your day-to-day. csstp CSS handlebars template path (Optional) Font Awesome Icon Picker is a fully customizable plugin for Twitter Bootstrap, with a powerful base API, based on Bootstrap Popover Picker. cssfontsurl CSS fonts directory url (Defaults to relative path) csspath CSS output path (Defaults to /.css) c, -css Generate CSS file if true (Default: true) f, -fontspath Relative path to fonts directory to use in output files (Default. s, -silent Do not produce output logs other than errors (Default: false) n, -name Name to use for generated fonts and files (Default: icons) o, -out Output icon font set files to directory Use Quick usage icon-font-generator my-icons/*.svg -o icon-distĬli params Usage : icon-font-generator -o Įxample : icon-font-generator src/*.svg -o dist
!! icon-font-generator v2.x.x >= requires Node.js >= v8.1.0 - is you wish to run on a lower version, use v1.1.2 Install npm install -g icon-font-generator !! If you're upgrading from v1.x.x to v2.x.x - here's the changelog and thoubleshooting: json file containing the icons to unicode characters map, which may be later used in styles, templates, etc. It also does a couple extra things such as creating a. This cli utility is ment to make webfont icon sets creation from the command line really simple - It wraps and pre-configures webfonts-generator, but allows for some degree of customisation. This mode helps use the extension in full-screen mode.⚠️ This tool is deprecated in favour of its complete re-write - please use fantasticon insteadĮasy-to-use, pre-configured cli tool to generate webfont icon kits from a bunch of.
You can change the window opening mode to embedded mode from the right-click items over the toolbar button. Get the list of all fonts in the current frame. Displays remote and local tags next to the rendered font
Text transform, decoration, align and indentĩ. Line height, vertical alignment, letter, and word spacingħ. Font family (including actually rendered font!)ĥ. Any active element can have any piece of the font's options (such as color, size, or family) adjusted inlineĪccess these options by right-clicking the context menu over the selected text or right-clicking on the page and inspecting the element.ģ. Copy any piece of the element's information to the clipboardģ. Font Finder examines all the selected characters to detect the font used to display this particular character.įontFinder has three critical pieces of functionality:Ģ. It allows a user to analyze the font information of any element and copy any pieces of that information to the clipboard. An easy-to-use font inspector to get CSS styles of the selected element FontFinder is created for designers, developers, and typographers.