Anteriorment, en crear llocs, havíeu d’utilitzar icones de mapa de bits. Va ser preciós, però incòmode per diversos motius. Avui, les icones vectorials han substituït les icones ràster. Aquesta és una solució original i elegant que decorarà i refrescarà el vostre lloc.
Instruccions
Pas 1
Hi ha un bon servei web per crear fonts a partir d’icones. Es diu Fontastic. És completament gratuït i no inclou anuncis. El primer pas és registrar-se al lloc web del servei. Aneu al lloc web fontastic.me, introduïu la vostra adreça de correu electrònic als camps d’entrada i creeu una contrasenya i, a continuació, feu clic al gran botó groc "Crea la vostra font d’icona". De vegades passa que no es mostra cap informació que confirmi el registre correcte. No us preocupeu, passeu al següent pas.
Pas 2
Ara feu clic al botó "Inici de sessió" situat a l'extrem superior dret. A la pàgina que s'obre, torneu a introduir el vostre correu electrònic i contrasenya i premeu el botó "Inici de sessió".
Després d’esperar uns segons, s’obrirà el tauler per crear fonts a partir d’icones.
Pas 3
Aquí teniu una gran selecció d’icones. En fer clic a les icones que vulgueu amb el ratolí, seleccioneu tantes icones com necessiteu. A la part superior, després de la paraula "PUBLICAR", s'indica el nombre d'icones seleccionades.
Pas 4
Si no teniu prou icones del número presentat, desplaceu-vos cap avall fins a la part inferior de la pàgina i cerqueu el botó que diu "Afegeix més icones". Feu-hi clic.
Pas 5
S'obrirà una pàgina amb paquets d'icones addicionals. Alguns d’ells són de pagament (etiquetats com a “Premium”), d’altres són gratuïts. Per activar icones addicionals, premeu el botó "ACTIVA" als paquets seleccionats. Ara apareixeran a la llista general d'icones disponibles quan comenceu a utilitzar el tauler de control fent clic al botó "Inici" al menú superior.
Pas 6
Si necessiteu afegir les vostres pròpies icones, feu clic al botó "IMPORTAR ICONES" a la mateixa pàgina que hi ha a la part superior dreta. Ara podeu penjar les vostres pròpies icones. Tingueu en compte que només s’admet el format vectorial SVG.
Pas 7
Un cop seleccionat el nombre d'icones requerit, premeu el botó "PERSONALITZA". Aquí veureu totes les icones seleccionades i podeu assignar-los noms de classes arbitraris, mitjançant els quals us hi referireu en estils CSS. També podeu deixar els noms predeterminats que el sistema ha assignat a les icones.
Pas 8
Premeu el botó "PUBLICAR". Aquí podeu descarregar el tipus de lletra de la icona vectorial creada (botó "DESCÀRREGA"). Baixeu-vos a l’ordinador l’arxiu de tipus de lletra creat pel servei.
Pas 9
L'arxiu descarregat conté el fitxer d'estil CSS, el fitxer HTML amb els noms de les classes d'icones i la carpeta "fonts" amb els tipus de lletra. Aquesta font de icona es pot utilitzar al vostre lloc web.
Pas 10
Per utilitzar el tipus de lletra de la icona creat, heu de fer el següent:
- descomprimiu el contingut de l'arxiu i pengeu-lo al vostre lloc al directori amb estils;
- Inseriu un enllaç a un fitxer CSS a la secció HEAD de totes les pàgines del lloc que funcionaran amb aquest tipus de lletra d'icona;
- al codi de pàgina, fem servir el nom de les classes creades anteriorment per utilitzar el tipus de lletra d'icona acabat de crear.
