^^Carattere scelto per il sito.

fontsquirrel/vt323

un oggetto e i suoi attributi

un tag html e i suoi attributi, es

style e' anch'esso un attributo, tramite il quale si possono assegnare al singolo tag i valori di stile

Appunti di programmazione per migliorare.

 

  1. Fonts family a confronto. per scegliere il font per il sito
  2. CSS cascading style sheets; fonts.
  3. Fonts family monospace.
  4. Fonts. Studi sporadici.
  5. Naming style. Prescription.
  6. Confronto: Arial / Arial Narrow
  7. inet/The Era of Symbol Fonts
  8. font-size

  9. CSS font-size. | CSS unita' di misura w3s/css_units
  10. Html; font-size; esempio.
  11. font-weight: normal bold

  12. Confronto tra font uniforme e font di peso variabile.

 

font-stretch: normal condensed espanded

font-style: normal italic oblique

letter-spacing: normal|length|initial|inherit;

w3schools/word-spacing

 

 

11 px sembra troppo piccolo

12 px sembra amdare bene

13 px sembra amdare bene

14 px sembra troppo grande

 

e quindi ho approfondito il confronto tra 12 e 13

Verdana 12px vs 13px. verdana_11_12_13_14_px.xcf

Le cifre sono a larghezza fissa.

Non mi piace la Q maiuscola che assomiglia troppo a 0O zero 0 e vocale O

QQQQQQQQQQQQQQQQQQQQQQQQQ

I navigatrori Internet Explorer 11 e FireFox 37 rendono diversamente i caratteri: cio' che e' evidente nelle righe di caratteri ripetuti e' che in IE i 12 e 13 px hanno lunghezza diversa sempre, invece in FF solo in alcuni casi.

 

Esempi

Verdana 11px

Di solito ho sentito "della dinamica", e credo che l'origine sia nel fatto che la dinamica fosse la novita' rispetto ai predecessori, poiche' principi della statica risalgono agli antichi greci, es Archimede. Pero' credo che si possa dire, tralasciando questo aspetto storico, "principi della meccanica", poiche' nello schema di Newton la statica e' un caso particolare della dinamica.

Verdana 12px

Di solito ho sentito "della dinamica", e credo che l'origine sia nel fatto che la dinamica fosse la novita' rispetto ai predecessori, poiche' principi della statica risalgono agli antichi greci, es Archimede. Pero' credo che si possa dire, tralasciando questo aspetto storico, "principi della meccanica", poiche' nello schema di Newton la statica e' un caso particolare della dinamica.

Verdana 13px

Di solito ho sentito "della dinamica", e credo che l'origine sia nel fatto che la dinamica fosse la novita' rispetto ai predecessori, poiche' principi della statica risalgono agli antichi greci, es Archimede. Pero' credo che si possa dire, tralasciando questo aspetto storico, "principi della meccanica", poiche' nello schema di Newton la statica e' un caso particolare della dinamica.

Verdana 14px

Di solito ho sentito "della dinamica", e credo che l'origine sia nel fatto che la dinamica fosse la novita' rispetto ai predecessori, poiche' principi della statica risalgono agli antichi greci, es Archimede. Pero' credo che si possa dire, tralasciando questo aspetto storico, "principi della meccanica", poiche' nello schema di Newton la statica e' un caso particolare della dinamica.

 

Prova in tabella per vedere se e' tutto ok anche in tb

Verdana 12px

I 3 principi della meccanica o della dinamica?

Di solito ho sentito "della dinamica", e credo che l'origine sia nel fatto che la dinamica fosse la novita' rispetto ai predecessori, poiche' principi della statica risalgono agli antichi greci, es Archimede. Pero' credo che si possa dire, tralasciando questo aspetto storico, "principi della meccanica", poiche' nello schema di Newton la statica e' un caso particolare della dinamica.

 

Verdana 13px

I 3 principi della meccanica o della dinamica?

Di solito ho sentito "della dinamica", e credo che l'origine sia nel fatto che la dinamica fosse la novita' rispetto ai predecessori, poiche' principi della statica risalgono agli antichi greci, es Archimede. Pero' credo che si possa dire, tralasciando questo aspetto storico, "principi della meccanica", poiche' nello schema di Newton la statica e' un caso particolare della dinamica.

 

Prova fianco a fianco

Verdana 12px Verdana 13px

Di solito ho sentito "della dinamica", e credo che l'origine sia nel fatto che la dinamica fosse la novita' rispetto ai predecessori, poiche' principi della statica risalgono agli antichi greci, es Archimede. Pero' credo che si possa dire, tralasciando questo aspetto storico, "principi della meccanica", poiche' nello schema di Newton la statica e' un caso particolare della dinamica.

Di solito ho sentito "della dinamica", e credo che l'origine sia nel fatto che la dinamica fosse la novita' rispetto ai predecessori, poiche' principi della statica risalgono agli antichi greci, es Archimede. Pero' credo che si possa dire, tralasciando questo aspetto storico, "principi della meccanica", poiche' nello schema di Newton la statica e' un caso particolare della dinamica.

 

La diversita' di impressione e' di una maggiore separazione tra le righe ed i caratteri.

Credo non ci sia la scelta migliore, dipende dal lettore.

 

12px

   

abcdefghijklmnopqrstuvwxyz

   

1234567890

   

ABCDEFGHIJKLMNOPQRSTUVWXYZ

13px

 

abcdefghijklmnopqrstuvwxyz

 

1234567890

 

ABCDEFGHIJKLMNOPQRSTUVWXYZ

 

Con i parametri attuali la separazione tra le righe e' di

2px font-size:12px

3px font-size:13px

Analisi dettagliata

I numeri sono alti 9px in entrambi i casi, e poggiano sulla linea di base, anche il 4.

Stranamente l'algoritmo di rendering fa il 4 e 5 diversi (da size a size) nel tratto orizzontale a circa meta', che cambia altezza.

Caratteri: bassi alti pendenti >>>

Confronto larghezza

I navigatrori Internet Explorer 11 e FireFox 37, e l'editor FrontPage rendono diversamente i caratteri

 

12   aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
13aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
12bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb
13bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb
12cccccccccccccccccccccccccccccccccccccccc
13cccccccccccccccccccccccccccccccccccccccc
12dddddddddddddddddddddddddddddddddddddddd
13dddddddddddddddddddddddddddddddddddddddd
12eeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee
13eeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee
12ffffffffffffffffffffffffffffffffffffffff
13ffffffffffffffffffffffffffffffffffffffff
12gggggggggggggggggggggggggggggggggggggggg
13gggggggggggggggggggggggggggggggggggggggg
12hhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh
13hhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh
12iiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii
13iiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii
12jjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjj
13jjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjj
12kkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkk
13kkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkk
12llllllllllllllllllllllllllllllllllllllll
13llllllllllllllllllllllllllllllllllllllll
12mmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm
13mmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm
12nnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnn
13nnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnn
12oooooooooooooooooooooooooooooooooooooooo
13oooooooooooooooooooooooooooooooooooooooo
12pppppppppppppppppppppppppppppppppppppppp
13pppppppppppppppppppppppppppppppppppppppp
12qqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqq
13qqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqq
12rrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrr
13rrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrr
12ssssssssssssssssssssssssssssssssssssssss
13ssssssssssssssssssssssssssssssssssssssss
12tttttttttttttttttttttttttttttttttttttttt
13tttttttttttttttttttttttttttttttttttttttt
12uuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuu
13uuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuu
12vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv
13vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv
12wwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwww
13wwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwww
12xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
13xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
12yyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyy
13yyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyy
12zzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzz
13zzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzz
121111111111111111111111111111111111111111
131111111111111111111111111111111111111111
122222222222222222222222222222222222222222
132222222222222222222222222222222222222222
123333333333333333333333333333333333333333
133333333333333333333333333333333333333333
124444444444444444444444444444444444444444
134444444444444444444444444444444444444444
125555555555555555555555555555555555555555
135555555555555555555555555555555555555555
126666666666666666666666666666666666666666
136666666666666666666666666666666666666666
127777777777777777777777777777777777777777
137777777777777777777777777777777777777777
128888888888888888888888888888888888888888
138888888888888888888888888888888888888888
129999999999999999999999999999999999999999
139999999999999999999999999999999999999999
120000000000000000000000000000000000000000
130000000000000000000000000000000000000000
  
12AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
13AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
12BBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBB
13BBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBB
12CCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCC
13CCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCC
12DDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDD
13DDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDD
12EEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEE
13EEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEE
12FFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFF
13FFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFF
12GGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGG
13GGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGG
12HHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHH
13HHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHH
12IIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIII
13IIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIII
12JJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJ
13JJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJ
12KKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKK
13KKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKK
12LLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLL
13LLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLL
12MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
13MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
12NNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNN
13NNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNN
12OOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO
13OOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO
12PPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPP
13PPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPP
12QQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQ
13QQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQ
12RRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRR
13RRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRR
12SSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSS
13SSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSS
12TTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTT
13TTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTT
12UUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUU
13UUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUU
12VVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVV
13VVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVV
12WWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWW
13WWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWW
12XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
13XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
12YYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYY
13YYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYY
12ZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZ
13ZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZ

 

Verdana 12px

 

Verdana 13px

gggggggggg

jjjjjjjjjj

pppppppppp

qqqqqqqqqq

yyyyyyyyyy

gggggggggg

gggggggggg

jjjjjjjjjj

pppppppppp

qqqqqqqqqq

yyyyyyyyyy

gggggggggg

cccccccccc cccccccccc

jjjjjjjjjj

jjjjjjjjjj

jjjjjjjjjj

jjjjjjjjjj

jjjjjjjjjj
jjjjjjjjjj

jjjjjjjjjj
jjjjjjjjjj

444444444

555555555

444444444

555555555

111111111

222222222

333333333

444444444

555555555

666666666

777777777

888888888

999999999

000000000

111111111

222222222

333333333

444444444

555555555

666666666

777777777

888888888

999999999

000000000