WebSite X5Help Center

 
Vincenzo B.
Vincenzo B.
User

Aggiungere @font-face in Evo10  it

Autor: Vincenzo B.
Visitado 1048, Seguidores 1, Compartilhado 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

Publicado em
7 RESPOSTAS - 2 ÚTEIS - 1 CORRIGIR
Vincenzo B.
Vincenzo B.
User
Autor

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.

Ler mais
Publicado em de Vincenzo B.
 lemonsong  
 lemonsong  
User

Attualmente ci sono vari errori:

  • percorso dei font errato
  • tipi di font insufficienti, per una maggiore compatibilità
  • font-family discordanti

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).

Ler mais
Publicado em de  lemonsong  
Template By Silver™
Template By Silver™
User

PT Sans Narrow è presente in googlefonts.

Ler mais
Publicado em de Template By Silver™
Vincenzo B.
Vincenzo B.
User
Autor

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?

Ler mais
Publicado em de Vincenzo B.
 lemonsong  
 lemonsong  
User
Vincenzo B.
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>

Ler mais
Publicado em de  lemonsong  
Vincenzo B.
Vincenzo B.
User
Autor

ok, e ancora grazie dei consigli. Tra l'altro ho visto che è anche compatibile con i dispotivi mobili (android e IOS).

Ler mais
Publicado em de Vincenzo B.