Pixel Font cosa sono e dove trovarle?

Il nome di queste Font, Pixel o Bitmap, deriva dal fatto che sono costruite sui pixel, in modo da renderle leggibili e piacevoli anche a dimensioni molto ridotte. Questo a dispetto delle Font in Flash: infatti sembrano non essere soggette all’antialias. Questi caratteri non presentano curve, al contrario degli altri caratteri, il che permette di tracciare i contorni in maniera precisa e dettagliata, molto geometrica, evitando gli sgradevoli effetti di sfocatura.
I pixel fonts sono dei caratteri costruiti a partire dai pixel. Ciò permette di impiegare questi fonts anche a dimensioni ridotte (alle quali un tradizionale font risulterebbe soltanto una confusa sequenza di segni illeggibili), preservandone la leggibilità.

Particolarmente utilizzati nei filmati in flash o nelle gif, infatti Macromedia Flash Player incorpora i pixel fonts, permettendo all’utente di visualizzare i movies con gli stessi fonts originali utilizzati dallo sviluppatore in fase di costruzione, è più raro un’utilizzo all’interno di html puro, perchè appunto per visualizzare i pixel fonts bisogna averli installati nel propio sistema, altrimenti il carattere verrà sostituito da uno simile presente sul pc.
Per ottenere un buon risultato dall’impiego dei bitmap fonts è necessario seguire alcune regole, senza le quali l’impiego dei pixel fonts per sfruttare le loro caratteristiche peculiari sarebbe vanificato, riducendo il risultato a ciò che si potrebbe ottenere con l’uso di un qualunque altro font. Ogni pixel font ha una determinata dimensione in pixel; questo vuol dire che un determinato carattere da il massimo in termini di “resa visiva” alla dimensione per cui è stato progettato. Queste dimensioni di solito variano entro un range che va dagli 8 ai 12 pt, anche se la maggior parte dei pixel fonts appartengono all’intervallo 8-10 pt.
E’ possibile anche utilizzare questi caratteri a dimensioni non standard, ma l’unico consiglio da seguire è quello di impiegare dimensioni multiple di quella base per evitare il più possibile effetti sgradevoli; quindi un font con dimensione base 8pt, manterrà le sue caratteristiche a 16pt, a 32pt, e così via; ovviamente a queste dimensioni si perde la particolare caratteristica di questi fonts, che ingrandendosi tendono a mostrare i loro bordi spigolosi e squadrettati. Non sono invece garantiti risultati soddisfacenti con l’impiego dei fonts a misure fuori da quelle base o multiple, che riportano spesso risultati parecchio sgradevoli.
Ecco una serie di accorgimenti da seguire quando si utilizzano i pixel fonts all’interno di Macromedia Flash per ottenere la massima resa visiva:
- Posizionare sempre i fonts sullo stage a coordinate intere; ad esempio: un posizionamento corretto è quello che presenta le coordinate X=50 ed Y=88 del font sullo stage; invece coordinate come X= 50,3 ed Y=88,7 provocano un effetto sfocatura. Tali valori vanno sempre arrotondati all’intero più vicino (88.4 -> 88.0, 54.8 -> 55.0). se il testo dovrà muoversi sullo stage, è possibile utilizzare l’accorgimento di arrotondare il valore della posizione finale utilizzando la funzione ActionScript Math.round(). questi parametri possono essere regolati dal pannello delle proprietà del font stesso;
-Utilizzare sempre dimensioni Width ed Heigh (altezza e larghezza) del campo di testo che siano del 100.0%; altri valori (anche 100.1%) provocano il già citato effetto sfocatura; questi parametri possono essere regolati dal pannello “Trasforma” di Flash;
-Utilizzare sempre un allineamento a sinistra dei campi di testo; mai utilizzare invece allineamento centrato o giustificato. è possibile regolare anche questo parametro dal pannello delle proprietà del font stesso;
-Assicurarsi che nel pannello delle proprietà del campo di testo siano deselezionate le seguenti opzioni: – Auto Kern; – Use Device Fonts;
-Nel caso di testo dinamico, fare attenzione al valore della spaziatura tra caratteri (valore consigliato 0);
-Non applicare mai al testo le proprietà grassetto e corsivo;
-Anche la rotazione dei campi di testo contenenti pixel fonts va effettuata con valori interi, e precisamente utilizzando solo step di 90 gradi esatti.
-In caso ti utilizzo annidato (ad esempio campi di testo all’interno di mc, o più mc annidati), è necessario seguire le regole di posizionamento e dimensione descritte sopra ed applicarle anche ai mc contenitori; quindi anche i mc contenenti pixel fonts vanno posizionati su coordinate intere nello stage, e con dimensioni del 100.0%. Tali regole vanno applicate ricorsivamente per ogni livello di annidamento.
Nell’applicare tutti questi accorgimenti, non bisogna comunque dimenticarsi di una cosa fondamentale: incorporare sempre i caratteri nei campi di testo! Per i campi di testo statici, flash incorpora automaticamente i caratteri; per gli altri (campi di testo dinamici ed input), è necessario incorporarli specificando esplicitamente quali includere.
Tutti questi accorgimenti vi permetteranno di ottenere il massimo dall’impiego di questa particolare classe di caratteri. ovviamente alcuni problemi di resa visiva potrebbero insorgere ugualmente; essi potrebbero essere dovuti al particolare uso che flash fa dell’antialias, o ai difetti di alcune famiglie di bitmap fonts (ad esempio la famiglia 04_ presenta spesso le lettere “p”, “b”, e “d” maiuscole piene).
Le regole sopra descritte vanno utilizzate anche nel caso di utilizzo dei pixel fonts per la realizzazione di elementi grafici con Macromedia Fireworks.

Ecco alcuni siti che contengono pixelfont gratuite: www.dafont.com, www.dsg4.com