Icones
Afegeix icones com qualsevol altre caràcter.
Última actualización
Afegeix icones com qualsevol altre caràcter.
Última actualización
El web de la UVic té la tipografia d'icones FontAwesome. Aquests icones són tractades com a caràcters, és a dir, el navegador les utilitza com si fossin una lletra.
Per inserir una icona, cal que vagis al codi font de la pàgina i, al punt en el qual vulguis mostrar la icona, afegir-hi un codi com el següent:
Per veure totes les icones disponibles i les seves classes corresponents, ves a la galeria oficial de FontAwesome.
Per aconseguir l'HTML de la icona només cal que:
Cliquis la icona que vols afegir a la pàgina des de la galeria (compte que no tots són d'ús gratuït).
Localitzis l'estructura de tipus <i class="fas fa-address-book"></i> i la copiïs.
A les icones els pots aplicar diferents transformacions. Aquí només comentarem les mes senzilles:
Per canviar el color de la icona, cal que recordis que les icones són caràcters de text i, per tant, es mostraran del mateix color que pertoca al text.
Així que, per canviar el color de la icona, has de seguir el mateix procés que per canviar el color del text:
Mira el nom del color que vulguis que tingui la icona a la paleta de colors del web.
La classe és "text-" seguit del codi que has trobat al pas anterior.
Afegeix la classe de color a la icona.
Per exemple, per mostrar la icona de l'ambulància amb el color primari:
Per canviar les dimensions d'una icona cal que hi afegeixis una de les classes següents:
fa-xs
fa-sm
fa-lg
fa-2x
fa-3x
fa-5x
fa-7x
fa-10
Trobaràs més opcions i possibilitats a la pàgina oficial de FontAwesome.
