Area gadget   Area per chi comincia   Area per i professionisti del web  

Premiaci con un click

Annunci



Google FriendConnect

Visitatori Recenti


ott 07

Font per siti web

Blogger, Primi Passi, Strumenti web Add comments

Finalmente da qualche tempo, nel realizzare siti web non siamo più obbligati a scegliere tra una manciata di font, ma possiamo rendere il nostro sito più bello ed originale grazie ai Web Font. Vediamo qui cosa sono e sopratutto quanto è facile usarli.

web fonts

Fino a qualche tempo fa, la scelta del font da utilizzare per il proprio sito web, era limitata ad una manciata di font: Arial, Courier, Georgia, Times New Roman, Trebuchet e Verdana.

Infatti il font scelto per un sito, affinchè fosse visibile, doveva essere installato sul proprio Pc ed i font suddetti erano tra i pochi che garantivano di essere presenti sia che si trattasse di un computer Windows che di un Mac o un Linux.

Tutto ciò è cambiato con i fogli di stile CSS3, che permettono di inserire facilmente  all’interno di un sito tutti i font che vogliamo; senza entrare troppo nei dettagli ma per dovere di cronaca vi diciamo che in realtà i font potevano essere utilizzati già dai CSS2.1, ma francamente erano inutilizzabili (non era possibilie utilizzare i font Truetype che sono il 99% dei font in circolazione).

Inserire e poi utilizzare un font all’interno del proprio sito è estremamente semplice e si realizza in 2 semplici passi:

1)  Nella sezione <HEAD> del tuo sito web bisogna includere il seguente codice con il link al file del font che si vuole utilizzare sul sito

<link href='http://www.miosito.com/css?family=MioFont' rel='stylesheet' type='text/css'>

2) Nel CSS del sito, o nell’HTML della pagina, va richiamato il font da utilizzare, ad esempio:

font-family: 'MioFont', serif;
Finito! Tutto estremamente semplice! La scelta di un buon font è fondamentale per caratterizzare e dare una vera marcia in più al proprio sito web.
E come sempre anche in questo caso, Google ci viene in grande aiuto infatti ci mette a disposizione un grandioso sito gratuito dove scegliere il font per il proprio sito pronto per essere utilizzato.
Il sito è  Google web fonts; basta andarci, scegliere il font che si vuole usare e ricopiare il codice html che google stessa ci suggerisce (non avremo nemmeno bisogno di copiare il font nel nostro sito, visto che lo linkeremo direttamente dal sito di Google.
E allora? che aspettate a dare nuovo ‘carattere’ al vostro sito?
;-)
Creative Commons License
The Font per siti web by Il Mondo dei Siti Web, unless otherwise expressly stated, is licensed under a Creative Commons Attribution-Share Alike 2.5 Italy License. Si raccomanda di leggere i termini e le condizioni aggiuntive disponibili a questo link www.mondositiweb.com.

Altri post che potrebbero interessarti:

  1. Chrome: le novità che lo rendono molto più di un web browser
  2. Blogger contro wordpress: arriva il designer di template su blogger.com
  3. Facebook mette il turbo a WordPress?
  4. Temi Manga per personalizzare il tuo Blog
  5. Quanto costa un sito web? Segnalazione
  6. Gadget per blog: testi di prova per il tuo sito

Articoli correlati elaborati dal plugin Yet Another Related Posts.

2 Responses to “Font per siti web”

  1. lucabernardini Says:
    ottobre 13th, 2011 at 4:01 pm

    Bellissimi :-) )))

  2. Font2Style Says:
    gennaio 28th, 2012 at 1:13 am

    Provate Font2Style, un sito semplice e veloce con centinaia di font pronti da usare!

Leave a Reply

Link

Ranking






Criteo & Blogcatalog