Como agregar iconos Awesome 4 y emojis ❤️ en nuestra tienda.

Publicado por Jony en

My Facil!, empecemos con los Emojis. Hay que tener en cuenta que dependiendo del dispositivo el emoji puede que cargue con distintos dibujos.

Para Mac debes apretar Ctrl + cmd + espacio y esto nos abrirá

así de simple puedes insertarlos en tu texto,

Para Windows hay muchas paginas yo te recomiendo http://getemoji.com/ donde podras ver un emoji con todas sus versiones de dibujo.

Si los emojis para tí o el tema de tu pagina son muy infantiles te invito a conocer los Iconos Awesome 4 que son más formales.

Para esto lo primero que debes hacer el pegar esta linea en el theme.liquid debajo de el <header>, esto llamará a la librería de iconos donde sea que quiera ocuparlo en tu web.

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

Sólo nos faltaría ver donde queremos poner nuestro icono. El código para insertar nuestro icono será y debemos reemplazar la linea que deje por el código del icono que queramos usar.

<i class="fa ______></i>

Vamos a reemplazar esta linea por el icono que queramos ocupar. Les recomiendo la página para poder verlos todos. https://fontawesome.com/

¿Como le cambio el tamaño o el color?

Te invito a probar aqui tu icono antes de ponerlo en tu pagina web https://www.w3schools.com/

Podemos cambiar con px el tamaño de icono o darle un 2x 5x que multiplicará su tamaño. El código sería así.

<i class=2fa fa-car fa-2x">>/i>

Te invito a donarme un cafe para seguir haciendo más Jonytips!

Categorías: Jonytips

0 comentarios

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *