Utilizzo di Goggle Font per cortesia aiuto!
Author: Lo G.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
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.
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
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...
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.