Newsgroup: it.lavoro.professioni.webmaster
Titolo: Scelta font

Ciao,
 
dovendo sistemare il sito dell'Associazione di cui faccio parte, vorrei 
essere sicuro di scegliere un font che sia ben leggibile e il pi� possibile 
compatibile.
 
Ho cercato informazioni in rete e ho trovato questo articolo
 
wwwPUNTOyourinspirationwebPUNTOcom/2009/05/15/quali-font-utilizzare-nello-sviluppo-di-un-sito-web/
 
(l'ho reso non cliccabile perch� non si pensi che il mio sia un modo per 
fare pubblicit�)
 
Cosa ne pensate?
 
E' attendibile o conosscete risorse migliori grazie alle quali posso trovare 
le informazioni che cerco?
 
Grazie!
 
-- 
O. 
 
 

 Ho cercato informazioni in rete e ho trovato questo articolo
 
a parte che l'articolo non mi sembra molto aggiornato, tieni sempre
presente che fare un sito Web pensando di poter prevedere esattamente la
visualizzazione da parte di ogni lettore � un'illusione
 
qualunque sia la tua scelta, in ogni caso tutti consigliano di indicare
un'alternativa, es.
 
font-family {
Helvetica, Arial, sans-serif;
}
 
farai poi delle prove con diversi browser e diverse soluzioni, per
vedere di avere un risultato soddisfacente in tutti i casi
 
-- 
Maurizio Pistone    strenua nos exercet inertia  Hor.
 
http://blog.mauriziopistone.it
 
 
http://www.lacabalesta.it
 
 
http://blog.ilpugnonellocchio.it
 


[cut]
 
 
Ciao,
 
ti consiglio di leggere questo:
http://www.sitepoint.com/5-of-the-best-css3-font-tools/
 
 
e sempre su 
sitepoint.com
 cercare altre info con esempi sui font.
 
Gabriele
 
 

 possibile compatibile.
 
La leggibilità di un font dipende da molte cose. Ci sono font da evitare, 
ma altri che sono abbastanza simili.
 
E poi dipende sempre da quanto vuoi sbatterti. :)
 
Se vuoi una cosa veloce, abbastanza leggibile e che funzioni abbastanza 
bene dappertutto:
 
body {
  font-family: "Droid Sans", "Bitstream Vera Sans", Verdana, Helvetica, 
sans-serif;
  font-size: 14px;
  font-size: 0.9rem;
  line-height: 1.45;
}
 
p {
  max-width: 42em;
}
 
(il doppio font-size non è un errore).
 
In base a queste regole, costruisci il resto del layout.
 
Ogni piattaforma avrà il suo font. Personalmente trovo il Droid più 
leggibile del Vera, che a sua volta è più leggibile/bello del Verdana a 
14-16px. L'helvetica non mi piace molto ma è "default" su OSX, e lasci 
sans-serif come fallback che ogni browser scelga il suo.
 
Usare font alternativi può rendere la pagina più bella, ma non c'è una 
combinazione perfetta. Va sempre valutata da un grafico in linea col tema 
del sito e con l'entità dei testi.
 
Bye.


 
Dato il requisito espresso nel post ("scegliere un font che sia ben 
leggibile e il pi� possibile compatibile.") e lo  stato attuale dei browser,
che ne pensi sul possibile uso dei webfont , prevedendo ovviamente un 
fallback con font di riserva (ad es quelli he hai suggerito) ?
 
 
 

 fallback con font di riserva (ad es quelli he hai suggerito) ?
 
Era incluso nell'ultima parte (che non citava i webfont col loro nome, mea 
culpa :)
 
Trovare la combinazione giusta è spesso molto dispendioso. A quel punto o 
ti affidi ai millemila blog "la combinazione perfetta di webfont" o ci 
perdi un po' di tempo (meglio il designer che tu), ma devi farlo con 
contenuti reali sul layout definitivo, non con lorem ipsum.
 
Per questo vengono in aiuto alcuni plugin per firefox o chrome che 
permettono di applicare webfont google a un sito esistente per vedere il 
risultato.
 
I webfont sono belli, ma:
 
1- non devi usarne più di due in una pagina (sia per peso che per 
estetica). Di solito uno per i titoli e uno per il testo.
 
2- controlla sempre il peso totale. Spesso ti serviranno almeno le 
versioni latin1 in normal, bold, italic e bolditalic, quindi sono già 
OTTO font che scarichi. Se ti servono alfabeti estesi (slavo, russo, 
arabo, ecc.) rischi di arrivare a 1-1.5 MB di font.
 
3- i browser scaricano tutte le risorse esterne, font compresi, in ordine 
come gli vengono richieste. E i font arrivano tardi, perché prima c'è il 
css che li contiene (o il js che li invoca) e probabilmente le immagini 
nella pagina. Significa avere la pagina bianca per 2-3 secondi, o che 
cambia improvvisamente font e layout dopo 2-3 secondi. A volte l'effetto 
è brutto, quindi si ricorre a js per affievolirlo, aumentando la 
complicazione e i tempi di caricamento.
 
Per questo consigliavo, a meno che non ne valga davvero la pena (alias: un 
bravo designer ha scelto i font giusti), di usare quelli standard.
 
Sono invece assolutamente favorevole a usare gli iconfont. Il mio 
preferito è FontAwesome (molto meglio del Typicons che hanno scelto per 
Bootstrap3, IMHO, e infatti ce lo inietto a forza :D). Con 30-40 Kb di 
font hai tutte le icone che ti servono e le puoi anche iniettare in modo 
semantico (tramite :before e :after nei css).
 
Spero solo che raggiungano una specie di standard sui caratteri, in modo 
da poter sostituire un iconfont con un altro senza dover rivedere tutto 
il css ogni volta... :/
 
Bye.

 (il doppio font-size non � un errore).
 
e allora che cos'�?



 
 
E' vero, capita abbastanza spesso di vedere queso "fenomeno" in fase di 
caricamento e, personalmente, lo  trovo esteticamente molto brutto.
 
Ciao 
 
 

 e allora che cos'è?
 
Un fallback per i browser che non supportano rem
 
Bye.

 il css ogni volta... :/
 
in effetti... :)
 
ciao
Gabriele
 
 

 preferito è FontAwesome
 
Non lo conoscevo. Ho provato a scaricarlo e aprire il ttf ma trovando 
solo i caratteri standard. COme faccio a vedere la collezione di icone 
che contiene? Grazie.
 
 

cursum perficio ha scritto:

ok, su fontello lo vedo

 ...
 
Grazie mille a tutti: ho davvero molto da leggere e studiare!
 
-- 
O. 
 
 

cursum perficio ha scritto:

però non riesco a capire lo stesso perché ogni volta che apro un file 
ttf incluso in questi font vedo il set di caratteri standard

 ttf incluso in questi font vedo il set di caratteri standard
 
Perché i caratteri "icona" vengono messi in una page diversa 
dell'Unicode, apposta per non andare a cozzare con i caratteri normali.
 
Ti basta usare il CSS allegato che contiene già i riferimenti corretti.
Le icone le puoi vedere sul sito del font, con anche il nome della classe 
css da usare.
 
Bye.


 
Chiedo scusa per la domanda forse troppo banale per essere vera....
 
Capito come scegliere/implementare il font che mi piace (l'ho trovato su 
google web font), nel css (il sito � su wordpress e nel css ci sono diverse 
linee di codice relative al font usato nei vari elementi della pagina - 
barre laterali, contenuti etc.) devo sostituire ogni linea di codice con 
quella del font "web" o c'� modo di inserire una linea unica valida per 
tutti gli elementi?
 
-- 
O. 
 
 


 
Aggiungo....
 
http://i44.tinypic.com/30kewpj.jpg
 mostra un problema che ho....
 
Il font che ho scelto � poco nitido (almeno cos� lo vedo io) :-(
Ho provato anche a mettere uno sfondo completamente bianco....ma il problema 
rimane (anche settando un colore nero).
 
C'� modo di ovviare a ci� o questo font preso da Google Web Font (Delius) 
rende necessariamente cos�?
 
Grazie per qualsiasi suggerimento!
 
-- 
O. 
 
 

 compatibile.
 
arial e buonanotte.
 
se no vedi qui:
 
http://thenextweb.com/dd/2013/12/23/science-behind-fonts-make-feel/