Nessun risultato. Prova con un altro termine.
Guide
Notizie
Software
Tutorial

Tutto sulle Pixel Font

Facciamo un po' di chiarezza sull'utilizzo
Facciamo un po' di chiarezza sull'utilizzo
Link copiato negli appunti

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).

Campo di testo statico
Campo di testo dinamico con caratteri incorporati

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.

Posizione sbagliata
Posizione corretta

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.

Testo nel movieclip
Movieclip sullo 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.

Allineamento del testo

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

Notazione importante: Alcune di queste Font, nonostante vengano settate nel modo corretto, offrono lo stesso degli errori molto evidenti. La famiglia 04, ad esempio, in quasi tutte le varianti presenta alcune lettere, come la P, la B e la D, piene. L'unico modo di risolvere, è utilizzare un'altra Font, o correggerla con un apposito programma come il Fontographer (sicuramente non la cosa più facile da fare).

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.

Nome della Font Dimensioni Predefinite Aspetto
     
04b 08 punti problemi
04b_03 08 punti problemi
04b_03b 08 punti problemi D e P
04b_08 06 punti problemi
04b_09 06 punti nitida
04b_11 06 punti nitida
04b_19 14 punti nitida
04b_20 08 punti nitida
04b_21 06 punti problemi
04b_25 12 punti nitida
11pxbus 11 punti problemi
9px2bus 09 punti nitida
9px2bus 09 punti nitida
Acknowledge TT (BRK) nessuna sfocata
AddLGBitmap09 09 punti nitida
AddVBitmap09 09 punti problemi
Adore64 08 punti nitida
AdvoCut nessuna sfocata
AE Systematic TT (BRK) nessuna sfocata
Amiga Forever 08 punti problemi maiusc.
Amiga Forever Pro 08 punti problemi maiusc.
Amiga Forever Pro 2 08 punti problemi maiusc.
Bangalore 08 punti nitida
Bit Cheese10 (sRB) 10 punti nitida
Bit Darling10 (sRB) 10 punti nitida
Bit Daylong11 (sRB) 11 punti problemi cifre
Bit Light10 (sRB) 10 punti problemi
Bit Trip7 (sRB) 07 punti problemi D
BitDust One 08 punti problemi
BitDust Two 08 punti problemi D
BitHigh nessuna sfocata
BitLow 09 punti sfocata
Block Out 2097 nessuna sfocata
BlockBit 10 punti nitida
BM Aztec 12 punti nitida
BM Biscuit 09 punti nitida
BM Block 15 punti nitida
BM Bug 06 punti problemi D
BM Chain 06 punti problemi D
BM Chocolat 09 punti problemi
BM Cinema 16 punti problemi B D R
BM Corrode 13 punti nitida
BM Cube 08 punti problemi K V
BM Cutter 08 punti nitida
BM Delico 16 punti problemi s S 2
BM Dumpling 09 punti problemi E 3
BM Ethno 17 punti nitida
BM Feather 20 punti problemi e
BM Figaro 11 punti nitida
BM Gaudi 22 punti nitida
BM Harry 10 punti problemi
BM Kitchen 10 punti nitida
BM Leaves 11 punti nitida
BM Maze 09 punti nitida
BM Micro7 07 punti problemi a D R
BM Mini 08 punti problemi
BM Neco nessuna sfocata
BM Plain 07 punti problemi e B D
BM Plamo 09 punti nitida
BM Press 07 punti nitida
BM Receipt 11 punti nitida
BM Rizer 06 punti nitida
BM Ruby 12 punti nitida
BM Sly 10 punti nitida
BM Solid 11 punti problemi D
BM Space 09 punti problemi
BM Stamp 09 punti nitida
BM Toppo 12 punti nitida
BM Tube 10 punti nitida
BM Utopia 23 punti problemi B D R
Bongonaut 08 punti nitida
Border7ALP 14 punti nitida

Nome della Font Dimensioni Predefinite Aspetto
     
C Web 13 punti sfocata
Cool Three Pixels 10 punti nitida
Cosmic Alien 08 punti problemi B D
CubeBitmap 12 punti sfocata
D3 CuteBitmap ism TypeA nessuna sfocata
D3 CuteBitmap ism TypeB 10 punti in su nitida
DSC nessuna sfocata
DoubleOhone 08 punti problemi
DoubleOhone Bold 08 punti nitida
Drid Herder nessuna sfocata
Dungeon 05 punti sfocata
Emulator nessuna sfocata
Exceed 10 punti sfocata
Execute 2000 10 punti nitida
Fast tracker II 13 punti nitida
FFF Freedom 08 punti nitida
Fixed Bold 08 punti nitida
Fixed_vOx tutte a 08 nitide
Formula too Complex .2 nessuna sfocata
Frankieghost nessuna sfocata
G.B.BOOT nessuna sfocata
Genown_v01 08 punti nitida
Grudblitter 12 punti problemi
Haiku nessuna problemi
Harmonica nessuna sfocata
High75 nessuna sfocata
HiAirport FFM 11 punti problemi
HiAirport FFM Condensed 11 punti problemi
HiAirport Arrival 09 punti problemi
HiAirport Departure 09 punti problemi
HiLogin Bold 09 punti nitida
HiLogin Condensed 09 punti problemi
Hiscore 09 punti nitida
HiSkyFlipperHi 09 punti problemi
HiSkyFlipperHi Bold 09 punti nitida
HiSkyFlipperHi Low 09 punti problemi
HiSkyFlipperHi Low Bold 09 punti problemi
hooge 05_5x tutte a 08 punti nitide
Hunter 09 punti nitida
IconBitOne 10 punti problemi
IconBitTwo 10 punti problemi
Ivorg 09 punti nitida
kairee nessuna sfocata
Kharon4a Bold 08 punti nitida
Kharon4a_v01 08 punti nitida
KnightHawks 09 punti nitida
kroeger 05_5x tutte a 08 punti nitide
kroeger 05_6x tutte a 08 punti nitide
Large9 09 punti nitida
Liner BMP14 14 punti nitida
Liquid Kidz 08 punti problemi "0"
M04_Fatal Fury 08 punti nitida
M35_CPS2 08 punti problemi
M37_Fell The Beat 10 punti problemi B D R
M38_Gorilla 08 punti problemi B D R
M39_Squarefuture 08 punti problemi B D R
M40_Bitline 08 punti nitida
M41_Lovebit 08 punti nitida
M42_FLIGHT 721 08 punti nitida
Meca 14 punti nitida
Micro nessuna sfocata
Mikrokomputer nessuna sfocata
Miniforma 12 punti nitida
Mini Kaliber O TT (BRK) nessuna sfocata
Mini Kaliber S TT (BRK) nessuna sfocata
Miniset 12 punti problemi A B 0
MiniStrzalki nessuna sfocata
Moonracer 10 punti problemi D
natzke 17_6x tutte a 16 punti nitide
NerimaNumber nessuna sfocata
Nokia Cellphone 08 punti nitida

Nome della Font Dimensioni Predefinite Aspetto
     
[.ocr-b.pxl8.] nessuna sfocata
OhLaLa 10 punti problemi
Org_v01 08 punti nitida
Organ 07 punti nitida
Orphan nessuna sfocata
Petit nessuna sfocata
Pixeldust 10 punti nitida
Pixelette 08 punti problemi
Pixelzim nessuna sfocata
PixelPunch 08 punti nitida
Pixies nessuna sfocata
Porpoise nessuna sfocata
Punk Rock Font nessuna sfocata
Redensek nessuna sfocata
RotorCap 15 punti problemi
RotorCap Bold 15 punti problemi
RotorCap Extended 15 punti problemi
RotorCap Extended Bold 15 punti problemi
RotorCap Symbols 15 punti problemi
Sendai Smallprint nessuna sfocata
seriousr xb nessuna sfocate
Setback TT (BRK) 20 punti nitida
Sevenet7 08 punti sfocata
SF intermosaic 08 punti problemi
SG01 14 punti nitida
SG02 08 punti problemi a D
SG05 10 punti problemi
SG06 08 punti problemi a D R
SG12 10 punti nitida
SG14 08 punti problemi 3 4
Silkscreen nessuna sfocata
Small Talk 09 punti sfocata
snoot.org pixel10 nessuna sfocata
Spaider simbol nessuna ok se da sole
square-millimeter nessuna sfocata
standard 07_5x tutte a 08 punti nitide
standard 07_6x tutte a 08 punti nitide
superbly 10 punti problemi e
supercar 09 punti nitida
supercollider 10 punti sfocata
supercondensed 10 punti nitida
superdigital 10 punti nitida
superfine nessuna sfocata
supergirl 12 punti nitida
superhelio 10 punti problemi
superkarcher 10 punti nitida
supermarket 08 punti nitida
supernatural 10 punti problemi
supernova 09 punti nitida
superphonic 09 punti nitida
superphunky 10 punti nitida
superpoint 10 punti nitida
supersimple fat 10 punti nitida
supersimple regular 10 punti nitida
supertext 10 punti problemi 8
Sweet16 16 punti nitida
Swf!t_slm_sw 08 punti nitida
Swf!t_v0x tutte a 08 punti nitide
Sintax Error nessuna sfocata
Teachers Pet 08 punti nitida
Teachers Pet Bold 08 punti nitida
Teachers Pet Sans Serif 08 punti nitida
Teachers Pet Sans Serif Bold 08 punti nitida
Tenacity Caps 10 10 punti nitida
Uni 05_5x tutte a 08 punti nitide
Upheaval TT (BRK) 20 punti nitida
V5 Cuadra2 12 punti nitida
V5 Cuadra2 Outlined 13 punti nitida
V5 Easterghotic 15 punti problemi a Q 6
V5 Loxica 16 punti problemi
V5 Myopia 08 punti problemi
V5 Prophit non 10 punti problemi Q
V5 Xtender 11 punti problemi Q
Zelda DX TT nessuna sfocata

Ti consigliamo anche