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.

Infografías para diseñadores web: información que debe saber

Infografías para diseñadores web: información que debe saber

La infografía es una excelente manera de convertir los datos más aburridos en el gráfico más reconfortante, que es mucho más fácil de digerir para el lector. Como los diseñadores web tienen que lidiar con píxeles y códigos casi todos los días, sería abrumador mirar más datos y referencias que están llenos de palabras y números hipnóticos.Entendemos cóm

(Consejos de tecnología y diseño)

Este sitio le mostrará todos los cafés cercanos con zonas Wi-Fi

Este sitio le mostrará todos los cafés cercanos con zonas Wi-Fi

Imagina este escenario: actualmente estás explorando tu nueva ciudad, confiando en tus datos móviles para pasar el día . Sin embargo, sus datos móviles tienen un límite y desea conservarlos para casos de emergencia.Su mejor opción es confiar en un punto de conexión Wi-Fi gratuito, aunque puede ser difícil de encontrar dependiendo de dónde se encuentre exactamente. Si esto

(Consejos de tecnología y diseño)