Forum dei Forum: Aiuto per Forumattivo
Benvenuto sul forum di supporto di Forumattivo .



Per trarre il massimo vantaggio da tutti i servizi offerti dal nostro forum, effettua il login se sei già un nostro utente oppure registrati per far parte della nostra grande comunità. Il tutto gratuitamente!

Crea anche tu un forum gratuitamente come questo! Clicca qui

Font personalizzati da Google.


Font personalizzati da Google.

Messaggio Da <Next> il Mer 15 Giu 2011, 12:06

Font personalzzati da Google


Ecco come inserire dei font personalizzati per le nostre pagine HTML.

Andiamo, su Google WebFonts e scegliamo il font che vogliamo, quindi premiamoci sopra. Ora, su un'altra scheda del browser, andiamo nel forum, precisamente Pannello > Moduli > HTML > Gestione delle Pagine HTML > :new: creare una nuova pagina HTML
Titolo mettiamo quello che vogliamo, mentre come codice HTML mettiamo questo qui:
Codice:
<head>
<link href='http://fonts.googleapis.com/css?family=PARTE DEL CODICE' rel='stylesheet' type='text/css'>
</link>
<style type="text/css">
h1 { font-family: NOME DEL FONT, arial, serif; }
</style>
</link></head>
<body>
<h1>TESTO CHE SI VUOLE</h1>

Ora torniamo alla pagina del font, e nella barra degli indirizzi, prendiamo l'ultima parte dell'indirizzo, quella dopo "family?family=" (se io ho scelto questo, copio solo Orbitron&subset=latin). Copiamo e incolliamo nel codice HTML al posto di "PARTE DEL CODICE".
Ora sostituiamo "NOME DEL FONT" con la parte prima di "&subset=latin" (nel mio caso Orbitron)

Attenzione!!! A volte, al posto di "latin", potrebbe esserci scritto altro. il funzionamento è però lo stesso.

Poi ovviamente cambiamo "TESTO CHE SI VUOLE" con il testo che si vuole e premiamo su "CONVALIDARE".
Ora non ci resta che visitare l'indirizzo della pagina HTML per vedere il nostro font in azione!!!
Il risultato sarebbe questo (il font utilizzato in questo esempio è UnifrakturMaguntia).

Per domande o chiarimenti Gestire l'aspetto del forum

Tutoriale da :
Copyrigth © FORUMATTIVO.COM


avatar
<Next>
***

Sesso : Maschile
Età : 21
Messaggi : 139
Località : galtellì


Vedere il profilo dell'utente http://gta-games.mioforum.net
<Next> è stato ringraziato dall'autore di questo topic.

Re: Font personalizzati da Google.

Messaggio Da Bazzy9 il Mer 15 Giu 2011, 12:28

Ciao Next, questo tutorial andrebbe inviato come MP a the crow, poi lui pensa a inserirlo nei Tutoriali!
Bye :zen:
avatar
Bazzy9
@ Super attivo @

Sesso : Maschile
Età : 22
Messaggi : 1855
Località : Padova


Vedere il profilo dell'utente http://webix.forumattivo.it/
Bazzy9 è stato ringraziato dall'autore di questo topic.

Re: Font personalizzati da Google.

Messaggio Da <Next> il Mer 15 Giu 2011, 12:44

gliel'ho chiesto ieri, e mi ha detto di postare qui. e io ho eseguito.
avatar
<Next>
***

Sesso : Maschile
Età : 21
Messaggi : 139
Località : galtellì


Vedere il profilo dell'utente http://gta-games.mioforum.net
<Next> è stato ringraziato dall'autore di questo topic.

Re: Font personalizzati da Google.

Messaggio Da Bazzy9 il Mer 15 Giu 2011, 13:03

Ah,scusami! Embarassed
avatar
Bazzy9
@ Super attivo @

Sesso : Maschile
Età : 22
Messaggi : 1855
Località : Padova


Vedere il profilo dell'utente http://webix.forumattivo.it/
Bazzy9 è stato ringraziato dall'autore di questo topic.

Re: Font personalizzati da Google.

Messaggio Da <Next> il Mer 15 Giu 2011, 13:36

fa nulla Wink ne ho già fatto uno.
avatar
<Next>
***

Sesso : Maschile
Età : 21
Messaggi : 139
Località : galtellì


Vedere il profilo dell'utente http://gta-games.mioforum.net
<Next> è stato ringraziato dall'autore di questo topic.

Vedere l'argomento precedente Vedere l'argomento seguente Tornare in alto

- Argomenti simili

 
Permesso di questo forum:
Non puoi rispondere agli argomenti in questo forum