La funzione @font-face

.|Ye|.

Posted on 25/6/2013, 11:23 by: .|Ye|.

User deleted

CITAZIONE (c H a o s @ 7/3/2011, 16:37)

Allora, _mistersunshine ha proposto al supporto di abilitare i codici di google fonts. Quindi andando su QUESTO sito potrete scegliere su una limitata lista di font caricati su google, e aggiungendo il codice che vi verrà dato in "Codici HTML in cima al sito" potrete utilizzare questa nuova funzione.

Il problema è che per farli funzionare bisogna modificare un attimo il codice che ti propone google.

Intanto, per evitare dubbi, il procedimento è:

1. Cercare un font su Google Web Fonts

2. Trovato il font, cliccare su quick use.

3. Spuntare lo style che si vuole su 1, il tipo di carattere su 2 e prelevare il codice Standard sul 3 passo.

4. Inserire il codice prelevato da google in HTML in cima a tutte le pagine, che sarà una cosa simile a questa:

HTML

<link href='http://fonts.googleapis.com/css?family=NOMEFONT' rel='stylesheet' type='text/css'>

se salvate le modifiche e il codice scompare, ricopiarlo di nuovo e cambiarlo in

HTML

<link href="http://fonts.googleapis.com/css?family=NOMEFONT" rel="stylesheet" type="text/css">

ovvero con le virgolette al posto degli apostrofi.

5. Portarsi sul passo 4 di google per vedere come usarlo sul css. Solitamente è con "font-family: NOMEFONT".

Edited by .|Ye|. - 25/6/2013, 14:03

23 replies since 6/3/2011, 18:50 3718 views

La funzione @font-face

[CSS] Come utilizzare i font non installati negli altri computer.