Aggiungere @font-face in Evo10 
Autore: Vincenzo B.
Visite 1046,
Followers 1,
Condiviso 0
ciao a tutti,
devo aggiungere la proprietà @font-face in website x5 evo 10 per la lettura dei font non standard.
come lo integro nel mio sito? quali step devo seguire? c'è una guida completa (tipo passo dopo passo)?
attendo vostre
Postato il
vedi se riesci con l'allegato qui...
http://answers.websitex5.com/post/70310/#6
Autore
Ciao e grazie innanzitutto...
il sito in questione è http://www.siculav.it/ , il carattere è "PT Sans Narrow Regular". ho seguito un pò delle varie guide trovate nel web.
il testo nella home è Pt Sans ma non viene visualizzato online.
Attualmente ci sono vari errori:
http://www.fontsquirrel.com/ offre un servizio pratico e semplice per "integrare" font non standard nei propri siti.
Ti consiglio di dare un'occhiata.
Se fai una ricerca qui, sull'unofficial e/o su Google trovi una marea di informazioni.
Se trovi il font giusto, puoi anche usare https://www.google.com/fonts (ancora più semplice).
PT Sans Narrow è presente in googlefonts.
Autore
Grazie mille lemonsong!!!
ecco il sito www.siculav.it con carattere PT Sans Narrow integrato grazie a google fonts.
alla fine molto più semplice del previsto... Ho seguito la procedura di google e poi (grazie alla lettura di altre guide) ho inserito al passo 1 Esperto prima della chiusura Head il codice:
<link href='http://fonts.googleapis.com/css?family=PT+Sans+Narrow' rel='stylesheet' type='text/css'>
<style type="text/css" media="screen">
h1 { font-family: 'PT Sans Narrow', Tahoma, Arial Narrow, sans-serif; }
#titolo { font-family: 'PT Sans Narrow', Tahoma, Arial Narrow, sans-serif; }
.paragrafo { font-family: 'PT Sans Narrow', Tahoma, Arial Narrow, sans-serif; }
</style>
e funziona!
un'altra domanda...
Posso togliere h1 - #titolo - .paragrafo e mettere una sola cosa generale?
H1 (di default) WS non lo fa vedere, l'id titolo e la classe paragrafo, se non li hai utilizzati nelle pagine, non servono ad una cippa.
Per unire i selettori (purché esistano) puoi usare, per esempio, le virgole:
<style>
#mioid, .miaclasse, mioelemento, etc {
color:red;
}
</style>
Autore
ok, e ancora grazie dei consigli. Tra l'altro ho visto che è anche compatibile con i dispotivi mobili (android e IOS).