Tutto sulle Pixel Font

Il nome

Il nome di queste Font, Pixel o Bitmap, deriva dal fatto che sono state costruite sui pixel, in modo da renderle leggibili e piacevoli anche a dimensioni molto ridotte. Questo a dispetto della terribile caratteristica delle Font in Flash: infatti, se utilizzate con i dovuti accorgimenti, sembrano non essere soggette all'antialias. Per precisione ripeto: sembrano, non essere soggette all'antialias, perchè lo sono. Il fatto è che l'antialias si vede sulle curve, e queste font non ne hanno.

Le famiglie sono diverse:

04b_xx, 
hooge_05_5x, hooge_05_6x, 
kroeger_05_5x, kroeger_05_6x, kroeger_06_6x
natzke_17_6x,
standard_07_5x, standard_07_6x,
uni_05_5x,
super

Altre Font sono le bit3, FivePX, Hilogin, Sevenet7, Fat, Small talk, Pixelette, Swf!t, Teachers Pet ...

I numeri usati nei nomi delle Font del primo tipo, hanno un significato preciso: i primi due ne rappresentano le dimensioni in pixel. Il terzo il peso, 5 per il regolare, e 6 per il grassetto. Il quarto lo stile, secondo questo schema:

3 - Expanded
4 - Expanded, more Letterspacing
5 - Regular
6 - Regular, more Letterspacing
7 - Condensed
8 - Condensed, more Letterspacing

Ad esempio, la Font standard07_66, appartiene alla famiglia delle standard, è alta 7 pixel, è in grassetto, è regolare con doppia spaziatura.

Le dimensioni

Queste Font non hanno delle dimensioni generali, ma specifiche per ogni singolo tipo o famiglia. L'unica cosa certa, da questo punto di vista, è che il massimo lo danno sotto i dieci punti, anche se alcune arrivano ai 12, e che la maggior parte funziona ad 8. Inoltre, date le dimensioni predefinite della singola Font, questa conserva le proprietà di nitidezza anche a dimensioni che siano multiple di quelle base.

Quindi, ad esempio, se una Font ha come dimensioni base gli 8pt, sarà nitida e pulita anche ai 16pt, ai 24pt eccetera. In generale, quando non si conoscono le dimensioni della specifica Font, è conveniente prima scrivere il testo e posizioniarlo come spiegato qui sotto, e poi provare lo stesso testo a varie dimensioni, dal 5 in su.

Come usarle

Una volta installata la font, si può aprire il Flash. Queste Font subiscono il processo di antialias come tutte le altre, solo che non si nota. Per questo motivo, le possiamo incorporare senza problemi, anzi, ci è necessario, se vogliamo renderle visibili anche a chi non le ha installate (vedi articolo).

Utilizziamo quindi campi di testo statici, o dinamici con le font incorporate. Selezioniamo lo strumento Testo, e clicchiamo una volta sullo stage. Scriviamo il contenuto, e poi chiudiamo il campo di testo cliccando sullo strumento Freccia. Selezioniamo nuovamente il testo, e apriamo il pannello Info.

Tramite i campi X e Y (in figura sulla destra), posizioniamo la casella di testo su pixel precisi, cioè su numeri interi. Ci si accorge subito se la posizione è quella giusta: con lo zoom al 100%, la differenza è più che evidente. Nel primo caso le coordinate del campo sono (42.3, 25.7), e il campo di testo è sfocato, nel secondo caso le coordinate sono (42.0,25.0), e il campo è nitido.

Se dobbiamo inserire il testo all'interno di un movieclip, procediamo così: creiamo il movieclip, e inseriamo il campo di testo. Posizioniamo il campo di testo su pixel precisi all'interno del movieclip, dopodichè posizioniamo il movieclip su pixel precisi all'interno dello stage.

In pratica, tutti gli oggetti dal testo allo stage devono essere posizionati su pixel precisi. Annidando ancora in un secondo movieclip, entrambi i movieclip, come il testo, dovranno avere coordinate intere. Naturalmente, i valori delle coordinate potranno essere di qualunque tipo.

Per quanto riguarda l'allineamento del testo, questo non sempre è discrezionale: generalmente, l'allineamento a sinistra è più adatto a mantenere costante il posizionamento. La giustificazione non è da prendere in considerazione nemmeno lontanamente.

Per poter provare la correttezza delle impostazioni, non bisogna guardare il risultato nella modalità Prova Filmato: infatti, anche avendo fatto tutto nel modo giusto, la scritta risulterebbe sfocata. Bisogna uscire dal Flash, e provare direttamente l'swf, lanciandolo nello standalone player, o guardandolo in una pagina html. Questo vale per il Flash4 e il Flash5, mentre nel FlashMX le font sono nitide anche in Prova Filmato.

Riepilogo

• Scegliamo la Font che ci piace e installiamola
• Prendiamo nota delle dimensioni predefinite
• Apriamo un documento in Flash, e scriviamo il testo
• Settiamo il campo di testo come statico, o dinamico con i caratteri incorporati
• Settiamo come dimensioni quelle predefinite, o un multiplo di queste
• Selezioniamo il campo di testo, e apriamo il pannello Info
• Posizioniamo il campo su pixel precisi
• Esportiamo il filmato, e proviamolo nello standalone player

Nelle prossime pagine c'è un elenco che riporta dimensioni predefinite ed eventuali problemi delle Font che ho provato. La legenda del commento sull'aspetto, assolutamente men che professionale, ma efficace, è la seguente:

• nitida: alle dimensioni riportate, la Font è nitida in tutti i suoi caratteri
• problemi + carattere: la Font è nitida tranne nei caratteri indicati
• problemi: la Font presenta più di qualche carattere sfocato, anche se è nitida "in generale"
• sfocata: la Font è sfocata, in tutti i caratteri, in tutte le dimensioni

Le dimensioni che vengono riportate per le Font, non sempre corrispondono a quelle a cui vanno impostate in Flash. Quindi, fate riferimento solo alle dimensioni che indico nelle tabelle.