Visualizzazione font

[meshedp]

Dunque... l'argomento è un po' un cross-over tra web e grafica, quindi mi scuso se in parte OT.

Problema: LOREM IPSUM

Faccio questa scritta in Illustrator, font Verdana, 12 punti -> misura circa 85 pixel.

La traduco per internet con i fogli di stile (CSS) applicando questa classe:

.testo {font-family: Verdana, Geneva, sans-serif;font-size: 12pt;}

La misura è di circa 100 pixel (col righello di dreamweaver).

Il succo è che la stessa scritta, con lo stesso font e la stessa dimensione viene resa con misure diverse tra Illustrator e web.

Perchè???

[emnlmn]

Risoluzione(ppi) diversa?

[meshedp]

Potrei sbagliare, perchè l'ignoranza è sempre tanta, ma non credo c'entri nulla visto che Illustrator è un programma VETTORIALE e non raster come photoshop.

[Mich_]

Che unita` di misura sono i punti? I monitor hanno i pixel; i punti sono una unita` di misura della stampa. La conversione punti - pixel e` una cosa approssimata che puo` dipendere dall'applicativo usato.

Inoltre controlla di non avere margini o padding di qualche tipo (alcuni brwoser hanno margini e padding di default nei tag

).
In pratica dovresti aggiungere:

.testo {
  font-family: Verdana, Geneva, sans-serif;
  font-size: 12px;
  margin: 0;
  padding: 0;
}

E verifica di non avere una dimensione minima del font settata ad un valore maggiore di 12px (tutti i browser moderni permettono tale settaggio).

E comunque il monitor non e` carta stampata: capita che browser diversi usano font diversi, pur con lo stesso nome e dimensione verticale (la dimensione orizz. e la spaziatura possono cambiare).
E` per questo che sono stati inventate le misure in em: per poter dare ai blocchi una dimensione congruente con i font.

[meshedp]

beh, hai ragione nel dire che generalmente i pt si usano in stampa, ma il punto è una unità ben definita, cioè 1/72 di pollice. Come dice il W3C qui sostanzialmente in ambito visualizzazione web 1pt=1px dato che la risoluzione è pari a 72 dpi.

Margin e padding non c'entrano nulla con la lunghezza di una stringa.

Gli em sono unità di misure relative: impostando il font base a tot pixel, quello impostato a 1.5 sarà più grande del 50% rispetto a quello base.