fontello svg

Fontello-Svg

Fontello-SVG ist ein Befehlszeilen-Tool zum Generieren der SVG-Versionen eines Fontello-Symbolsatzes mit einer entsprechenden CSS-Datei.

Installation

$ npm install fontello-svg -g

Beispiel

Sie müssen ein Symbol aus der Fontello -Website auswählen und herunterladen und dann den Pfad der Datei config.json mit dem Parameter --config angeben.

$ fontello-svg --config fontello-config-file.json 
                  --out ./iconset-directory 
                  --fill-colors " grey:rgb(77,78,83)|blue:rgb(0,149,221) " 

Verwendung

  Usage: fontello-svg --config < config file > --out < dir > [options]

  Options:

    -h, --help                  output usage information
    -V, --version               output the version number
    -c, --config < config file >  Set the Fontello configuration file (required)
    -o, --out < dir >             Set the export directory (required)
    -f, --fill-colors < colors >  Transform the SVG paths to the specified colors. Syntax: --fill-colors " black:rgb(0,0,0) | red:rgb(255,0,0) "
    -p, --css-path < path >       Set a CSS path for SVG backgrounds
    --file-format < format >      Override the default filename. Values: {0} - collection, {1} - name, {2} - color. Syntax: --file-format " {0}-{1}-{2}.svg " | --file-format " {0}-Custom-{1}.svg "
    --no-css                    Do not create the CSS file
    --no-skip                   Do not skip existing files
    --verbose                   Verbose output

Tutorial

Sara Soueidan schrieb einen Blog-Beitrag, in dem erklärt wird, wie man Fontello-SVG und andere Tools verwendet, um eine Icons-as-Font-Konfiguration in SVG-Dateien umzuwandeln. Lesen Sie es hier: https://sarasougeidan.com/blog/icon-fonts-to--svg/

Lizenz

MIT