Come inserire @font-face su forumfree/forumcommunity/blogfree

« Older Newer »

AngelNeo89

Posted on 24/3/2014, 10:30

Senior Member

Group: Amministratori

Posts: 20,495

Stima: +189

Status: Anonymous

Google Fonts

Come utilizzarli al meglio

In questa breve guida imparerete ad utilizzare i famosi e tanto di moda Google Fonts sulle vostre skin e siti web .

Attenzione i font più comuni come Times New Roman, Tahoma, Verdana, Georgia ecc. continueranno ad essere usati regolarmente, ma questi font, che definirei speciali, daranno quel tocco in più ai vostri progetti grafici .

Potete trovare i Google Fonts a questo indirizzo : www.google.com/fonts/

Utilizzarli è molto semplice, basta selezionare quello che più vi piace e cliccare su questo simboletto :

SPOILER (clicca per visualizzare)

stamp1_sl_google_fonts

Vi ritroverete in una nuova pagina, scorrerete sino alla voce n°3 e selezionerete questa parte di link :

SPOILER (clicca per visualizzare)

stamp3_sl_google_fonts

Copiatelo (Ctrl+C) e incollatelo (Ctrl+V) in una nuova pagina del vostro browser e avrete a disposizione un nuovo codice .

Selezionate, copiate e incollate il codice ed inseritelo nel CSS della vostra skin :

SPOILER (clicca per visualizzare)

stamp4_sl_google_fonts

stamp2_sl_google_fonts

Ora tornando alla pagina precedente, selezionate il font family indicato per integrare il Google Fonts sulla vostra skin o sito web :

SPOILER (clicca per visualizzare)

stamp5_sl_google_fonts

Inserite il font family dove desiderate che compaia il Google Fonts, ad esempio nella seguente voce del CSS della vostra skin :

CODICE

.web a {font-family: 'Petit Formal Script', cursive; font-size: 24px; text-decoration: none; color: #DA7DB0; text-shadow: 0 0 2px #DA7DB0}

Ottenendo alla fine un lavoro come questo: http://connie08nl.skin.forumfree.it/

Spero che la guida sia stata di vostro gradimento e per qualsiasi dubbio basta chiedere qui di seguito .

by Connie

Web

0 replies since 24/3/2014, 10:30 329 views