Index
Icones
Aprendreu a fer una llibreria d'icones que és segurament la més utilitzada del mon Font Awesome
Aquí tens algunes de les llibreries d'icones més populars:
- Font Awesome: És una llibreria d'icones de font que ofereix una àmplia gamma d'icones vectorials. És fàcil d'utilitzar i es pot integrar directament amb HTML i CSS.
- Material Icons: Desenvolupat per Google, aquest conjunt d'icones segueix les directrius del disseny de Material Design de Google. Són nítids i moderns.
- Ionicons: És una llibreria d'icones vectorials dissenyada per ser nítida, neta i petita. És fàcilment integrable amb aplicacions web i mòbils.
- Feather Icons: Aquesta és una llibreria d'icones minimalista i lleugera. És ideal per a projectes que requereixen un aspecte senzill i net.
- FontAwesome Pro: Aquesta és la versió professional de Font Awesome que ofereix encara més opcions d'icones i funcionalitats.
- Octicons: Desenvolupat per GitHub, aquest conjunt d'icones està dissenyat específicament per ser utilitzat en la interfície d'usuari del GitHub.
- IcoFont: Aquesta és una llibreria d'icones àmpliament utilitzada amb una gran varietat d'icones disponibles.
EXEMPLES D'ICONES
XARXES SOCIALS
ICONES SOLID
CDN
Font Awesome ofereix un CDN per poder importar llibreries i utilitzar els seves icones.
UN CDN (Content Delivering Network) és un servidor que té una còpia dels elements que estem sol·licitant utilitzar en la nostra web. Google, Facebook, Twitter o Font Awesome tenen unes llibreries accessibles des d'un servidor. Aquestes empreses tenen diferents servidors amb la mateixa informació i nosaltres quan fem la petició de la llibreria que volem descargar, ens redirecciona al servidor més proper i si aquest servidor està ocupat o no disponible, ens envia a un altre servidor.
CREACIÓ D'UN COMPTE A FONT AWESOME
Feu tots els passos per crear-vos una compte a Font Awesome :
- Entreu a https://fontawesome.com/
- Cliqueu a START FOR FREE
- Poseu el vostre email de l'institut i cliqueu al botó "Send Kit Embed Code"
- Aneu al vostre correu i cliqueu "Finish setting up your account"
- Entreu a https://fontawesome.com/kits
- Cliqueu a "Set up icons in a project with a 1 line of code"
- Copieu la linia del script i el poseu entre les etiquetes head
BAIXAR LES ICONES