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ì


Vedi 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


Vedi 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ì


Vedi 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


Vedi 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ì


Vedi 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

 
Permessi di questa sezione del forum:
Non puoi rispondere agli argomenti in questo forum