# Pacoideas - Uso de fuentes de Iconos en nuestras aplicaciones

**URL:** <https://foros.velneo.com/t/pacoideas-uso-de-fuentes-de-iconos-en-nuestras-aplicaciones/11422>\
**Category:** Compartir código fuente y ejemplos\
**Created:** [3 Febrero, 2024 20:53 UTC](https://foros.velneo.com/t/pacoideas-uso-de-fuentes-de-iconos-en-nuestras-aplicaciones/11422 "2024-02-03T20:53:38Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![pacosatu](https://yyz1.discourse-cdn.com/flex035/user_avatar/foros.velneo.com/pacosatu/32/5131_2.png) [@pacosatu](https://foros.velneo.com/u/pacosatu)\
**Post date:** [3 Febrero, 2024 20:53 UTC](https://foros.velneo.com/t/pacoideas-uso-de-fuentes-de-iconos-en-nuestras-aplicaciones/11422/1 "2024-02-03T20:53:38Z")

</div>

Hola.

![Pacoideas_logo](https://canada1.discourse-cdn.com/flex035/uploads/velneo/original/2X/c/c6b5733a7e4a2447178c326136b88d31b36fa511.png)

Existe una alternativa al uso de [iconos de imagen](https://doc.velneo.com/velneo-vdevelop/interfaz-de-velneo-vdevelop/menu-objetos#iconos-material) en nuestras aplicaciones, se trata de las **fuentes de Iconos**.

Muchas veces no es práctico lidiar con cientos de objetos [Dibujo](https://doc.velneo.com/velneo-vdevelop/proyectos-objetos-y-editores/de-aplicacion-y-datos/dibujo) y tablas estáticas en el proyecto Velneo y es un buena idea usar las **fuentes de Iconos** en los controles que dispongan de la [propiedad Fuente](https://doc.velneo.com/velneo-vdevelop/proyectos-objetos-y-editores/editores/selector-de-fuentes).

> Las **fuentes de Iconos** son fuentes pero con la diferencia de que se trata de una tipografía especial en la que en lugar de representar letras o números, se muestran imágenes de diversos temas. Estas imágenes las podemos utilizar de igual forma que utilizamos cualquier letra, pero con la diferencia de que serán imágenes.

En **[Windows 11](https://learn.microsoft.com/es-es/windows/apps/design/signature-experiences/iconography)** disponemos de la fuente [Segoe Fluent Icons](https://learn.microsoft.com/es-es/windows/apps/design/style/segoe-fluent-icons-font) con más de 1.400 iconos directamente usables en los controles de Velneo.

Una de las ventajas inmediatas de usar fuentes de Iconos es el uso de **CSS** para cambiar el **tamaño** y **color** del icono, algo que no es posible con los dibujos estáticos del proyecto de Velneo.

Puedes ver ejemplos del uso de fuentes de Iconos con el Recurso CSS _ **PS-Base Label Iconos** _ de la aplicación del cloud **MisCSS**.

 ![image](https://canada1.discourse-cdn.com/flex035/uploads/velneo/original/2X/8/8c30025008daeab309751dc1ebcced8bdfb6af39.png)

Para más información sobre los ejemplos haz click en el [siguiente artículo](https://docu.pacosatu.es/articulos_velneo/11-FuentesdeIconosenVelneo.html), disponible también en la Extensión de “Cosas de Paco Satué”.

Deja tu comentario y comparte tu experiencia con las fuentes de Iconos.

Saludos  
Paco Satué

---

<div class="post-metadata">

**Author:** ![bitcodesoft](https://avatars.discourse-cdn.com/v4/letter/b/2acd7d/32.png) [@bitcodesoft](https://foros.velneo.com/u/bitcodesoft)\
**Post date:** [5 Febrero, 2024 09:49 UTC](https://foros.velneo.com/t/pacoideas-uso-de-fuentes-de-iconos-en-nuestras-aplicaciones/11422/2 "2024-02-05T09:49:07Z")

</div>

[https://soporte.velneo.es/hc/es/community/posts/4405453978898-Poder-adjuntar-archivo-de-fuentes-y-cargarlo](https://soporte.velneo.es/hc/es/community/posts/4405453978898-Poder-adjuntar-archivo-de-fuentes-y-cargarlo).

Es algo que en QML se puede hacer, y en QT c++ nativo también, sería interesante que velneo integrase esa funcionalidad, ya sé que se puede hacer un instalador que instale las fuentes icónicas y luego usarlas dentro de nuestros controles nativos Velneo, pero sería más comodo poder hacerlo por código directamente, con javascript o funciones nativas Velneo.

---

<div class="post-metadata">

**Author:** ![pacosatu](https://yyz1.discourse-cdn.com/flex035/user_avatar/foros.velneo.com/pacosatu/32/5131_2.png) [@pacosatu](https://foros.velneo.com/u/pacosatu)\
**Post date:** [5 Febrero, 2024 10:50 UTC](https://foros.velneo.com/t/pacoideas-uso-de-fuentes-de-iconos-en-nuestras-aplicaciones/11422/3 "2024-02-05T10:50:29Z")

</div>

Hola bicodesoft.

Exactamente, a falta de un **API** para la gestión de las fuentes de iconos u otras tipografías tal como tenemos en multitud de otras plataformas de desarrollo, en Velneo tenemos que recurrir al ingenio para resolver este tipo de carencias.

> Y no hay excusa cuando en Qt y [QML ya han resuelto la gestión de las fuentes](https://doc.qt.io/qt-5/qml-qtquick-fontloader.html), precisamente para que se pueda afrontar la multiplataforma y no depender de las fuentes instaladas en el sistema operativo.

En la aplicación del cloud TestCodigo en “ **Iniciación QML \>\> 02. Font - Fuentes del Sistema** ” de QML se puede practicar con el tipo **FontLoader** y usarlo por ejemplo para cargar de forma dinámica la fuente con los dígitos del panel LCD de la Calculadora.

 ![image](https://canada1.discourse-cdn.com/flex035/uploads/velneo/original/2X/f/f21664f27c8b8abed8a6d2ec20c94f52fc49aa6d.png)

Saludos  
Paco Satué
