WebSite X5Help Center

 
Lo G.
Lo G.
User

Utilizzo di Goggle Font per cortesia aiuto!  it

Author: Lo G.
Visited 1465, Followers 1, Shared 0  

Buonasera a tutti,

sono un utente Website x5 Pro Versione 15.2.3 (64bit) e sto lottando per riuscire ad utilizzare i Google Font nel mio progetto. Ho letto praticamente tutti i post relativi all’argomento ma, scusate, ancora non ho trovato le istruzioni complete e definitive per poter installare, utilizzare e caricare con il file .CSS il Google font scelto, nel mio caso font LATO.

Sarei IMMENSAMENTE GRATO se qualcuno potesse fare chiarezza sul procedimento completo.

Per facilità di chi vorrà rispondermi elenco i passaggi da me eseguiti:

1. scarico Google font LATO con tutti gli stili ed ottengo il file lato.zip

https://fonts.google.com/specimen/Lato?selection.family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i

2. installo tutti gli stili del font LATO sul mio PC

3. creo un nuovo progetto con Website X5 e aggiungo i file dall’apposito menu (vd. Immagini allegate)

Prima domanda: il codice @import è quello che comprende tutti gli stili o va incollato solo quello che si riferisce al singolo stile che si sta cercando di aggiungere?

Seconda domanda: il codice CSS dove diavolo bisogna aggiungerlo? Devo editare manualmente il file presente nella cartella di pubblicazione? Se si, ogni volta che farò un aggiornamento dovrà MANUALMENTE andare a editarlo per aggiungere il codice?

Ringrazio per la pazienza di aver letto il mio post e aspetto con fiducia vostre indicazioni.

Buona serata,

Lorenzo

Posted on the
4 ANSWERS
Giorgio C.
Giorgio C.
User

Il codice import serve a incorporare il font prendendolo dal web e va inserito una sola volta nel progetto e vale per un font specifico, il css sarà inserito dal programma.

Poi sceglierai quale font utilizzare quando inserirai il testo.

Read more
Posted on the from Giorgio C.
Lo G.
Lo G.
User
Author

Buongiorno Giorgio, 

grazie per la tua risposta, c'è comunque qualcosa che non torna. 

Il sito viene visualizzato correttamente sui browser desktop (Explorer, Opera e Chrome) MA non sui device Apple, nel mio caso Iphone e Ipad pur con diversi browser (Safari e Opera).

Per quel che può la mia esperienza ho controllato, prima di uploadare il sito il contenuto dei file .CSS ed ho scoperto questo (vd. foto): 

- la cartella /PCSS contiene il file index.css che effettivamente contiene l'istruzione del font LATO

- la cartella /STYLE contiene un file style.css SENZA nessuna istruzione del font LATO

Mi chiedo a questo punto cosa non vada... per tua facilità ti lascio link wetrasfer dove puoi scaricare il progetto del sito e la schermata dei file .css, se potessi dargli un'occhiata ti sarei molto grato.

https://wetransfer.com/downloads/f5e505b96505c32be4bc169603e547b920190103111238/57c1c005ee38c82644364eb237f889ff20190103111238/369c54

L'indirizzo URL dove sto testando il sito è il seguente: testst.ariannagecchelin.com

Grazie

Lorenzo

Read more
Posted on the from Lo G.
Lo G.
Lo G.
User
Author

P.S. Navigando nel sito FontSquirrel e utilizzando l'utility di conversione font per creare un webkit ho notato che vengono indicate alcune problematicità, mi chiedo se se ne debba tener conto...

Read more
Posted on the from Lo G.
Incomedia
Riccardo P.
Incomedia

Buongiorno,

Il procedimento che hai effettuato è quello corretto, basta inserire il codice di @import nella sezione dei WebFont.

Potrebbe dipendere dal tipo di font che non è supportato dai sistemi iphone,ipad.. Dovresti cercare di usare un altro font supportato.

Read more
Posted on the from Riccardo P.