Buscas iconos para tu web, buenos, bonitos y gratis
En icomoon vas a encontrar iconos bastante buenos y son gratis, bueno algunos y no solo eso también te permite usarlos como Font esto desde mi perspectiva es una ventaja ya que al permitirte usarlos como Font no tienes que preocuparte por resize y el color será el mismo que definas con la fuente o el style de CSS
Bueno les muestro como se usan para que los apliques en tu web sin problemas.
Bueno les muestro como se usan para que los apliques en tu web sin problemas.
- Nos dirigimos aquí https://icomoon.io/
- Pulsamos en donde dice icomoon App
- Nos va abrir lo siguiente
- Seleccionamos los iconos que queremos descargar como Font
Nota: los iconos que ven son los iconos para usuarios free no registrados, pero puedes dirigirte a librery para más opciones
- Seleccionamos donde dice Generate Font
- Nos redirecciona a una nueva página donde vamos a poder cambiar el nombre si así lo queremos y otras propiedades y lo descargo tal cual.
- Damos en download y nos bajara un .zip con las fonts
- Luego ese zip lo descomprimimos en la capeta del proyecto
- Dentro de la carpeta que descomprimimos vamos a encontrar un archivo que se llama style.css hagamos un link para esa ubicación
“<link rel="stylesheet" href="style.css"></head>”
- después colocamos el id de la clase en el tag que queremos con el icono yo usare un titulo pero puede ser un botón, una lista, etc. los nombres de las clases se encuentran en el css style.
<html><header><link rel="stylesheet" href="/Post/icomoon/style.css"></head></header><body><h1 class="icon-hipster">hola papu</h1><h2 class="icon-tongue">Bienvenido a mi post</h2><h3 class="icon-grin">taringa</h3><h4 class="icon-crying"><3</h4></body</html>
- y así es como se tiene que ver
Comentarios
Publicar un comentario