es.hideout-lastation.com
Paraíso Para Los Diseñadores Y Desarrolladores


Cree su propio icono de fuente establecido fácilmente con Fontello

Podemos ver que los iconos de fuentes se utilizan ampliamente en todos los sitios web, y por buenas razones. El icono de fuente es confiable, se ve nítido y nítido en una pantalla de PPP alta, y se puede ajustar fácilmente en términos de tamaño de icono, color y posición del icono a través de CSS. Esto hace que los íconos de fuentes sean fáciles de animar con Transformaciones y Transiciones CSS3 también.

Hay una gran cantidad de conjuntos de iconos de fuentes disponibles para usar de inmediato, pero es posible que no siempre cubran todas sus necesidades. Es posible que desee personalizar sus iconos, en cuyo caso, quizás sea mejor que cree su propio conjunto de iconos.

Con todas las herramientas que tenemos ahora, crear su propio conjunto de iconos de fuentes no es tan difícil como solía ser. En esta publicación, le mostraremos cómo hacer esto fácilmente. Vamos a ver.

Preparar los iconos

Antes que nada, tenemos que preparar los íconos. Los iconos deben estar en forma de vector. Si está familiarizado con aplicaciones vectoriales como Adobe Illustrator, Inkscape y CorelDraw, puede crear sus propios iconos. Asegúrese de que los iconos conserven rasgos uniformes y luego expórtelos en formato SVG .

Alternativamente, también puede recopilar iconos de SVG que están disponibles en línea de forma gratuita.

En este ejemplo, usaremos los iconos SVG de Ionicons. Ionicons en realidad tiene su propio icono de fuente, pero en este ejemplo solo vamos a extraer algunos para explicar cómo crear su propio conjunto de iconos.

Esto es lo que elegí:

Algunos de estos iconos consisten en múltiples formas. Entonces, antes de que podamos ponerlos como un ícono de fuente, tenemos que fusionar las formas en un compuesto. Para hacerlo, abra .svg en Illustrator. Seleccione todas las formas y vaya a: Objeto > Ruta compuesta > Crear .

Haga esto con los otros íconos también.

Crear fuente

Fontello facilita la creación de icono de fuente. Además de recoger íconos de los populares conjuntos de iconos de fuentes, Fontello también nos permite cargar íconos externos. Simplemente arrastre y suelte todos los iconos seleccionados en Fontello . Una vez que se cargan, aparecerá en la sección Iconos personalizados, como tal.

Puede hacer clic en el ícono del lápiz para editar las propiedades del ícono, a saber, el nombre CSS y el código hexadecimal.

Seleccione sus iconos personalizados, establezca el nombre de su fuente y haga clic en el botón Descargar.

Fontello generará todos los formatos de fuente necesarios: .eot, .eot, .ttf y .woff . y las hojas de estilo más la demostración.

Eso es. Crear iconos de fuentes nunca ha sido más fácil que esto. Espero que este consejo te sea útil.

10 mejores sistemas operativos de computadora de placa única

10 mejores sistemas operativos de computadora de placa única

Siendo un friki, tengo una sensación impulsiva de construir y probar cosas nuevas . Si tú también tienes sed similar y tienes una computadora de una sola placa (SBC) por ahí, entonces hagámosle algo útil. Y déjame decirte que es bastante fácil intentarlo.Como las computadoras de una sola placa basadas en ARM son solo una versión más pequeña de computadoras conocidas, son capaces de ejecutar un sistema operativo completo como cualquier otra computadora. Por lo ta

(Consejos de tecnología y diseño)

Cómo usar AMP con WordPress

Cómo usar AMP con WordPress

AMP es un esfuerzo común que promete un mejor rendimiento de carga de página para sitios web en el entorno móvil . Pero, como puede ver en nuestro tutorial anterior, tendrá que sacrificar cosas de lujo de su sitio web, y seguir estrictamente las reglas, cumplir con las directrices y obtener páginas validadas. Par

(Consejos de tecnología y diseño)