Webfont de Andes Design Icons.
npm install @andes/icons
Agregar en style.scss:
$adi-font-path: '~@andes/icons/fonts/';
@import '~@andes/icons/scss/andes-icons';
<i class="adi adi-rup-semantic-plan">
Diseñar los íconos siguiendo esta guía
-
Instalar y correr Docker.
-
Sobre la consola, realizar:
npm run server
. Esta acción corre fontello en el navegador, se abre automáticamente en http://localhost:3000. -
En fontello agregar íconos, cambiar configuraciones (nombres, etc).
-
Descargar el archivo config.json (dropdown rojo "Download webfont", arriba a la derecha) y reemplazarlo en la raíz de proyecto.
-
Considerar que fontello no se este ejecutando y sobre la consola, realizar:
npm run build
. Regenerar todo el paquete de íconos (lo hace usando el archivo config.json, previamente descargado). -
Incrementar la versión package.json. Por ejemplo: "version": "1.1.17".
-
Hacer commit de los cambios.
-
Luego, crear un tag con la versión (git tag [NUEVA VERSION]), tiene que ser la misma que en package.json. Por ejemplo:
git tag 1.1.17
. -
Hacer push de los cambios.
-
Públicar en npm la nueva versión de @andes/icons:
npm login
(usando las credenciales de Andes)npm publish