Google font come e dove inserirli per avere un font visibile su tutti i PC 
Autore: Daniele C.
Visite 849,
Followers 1,
Condiviso 0
Buongiorno, mi piacerebbe inserire un google font sul mio sito ma non capisco come farlo.
Ho aggiunto il font alla collezione dalla pagina iniziale su preferenze ed in seguito al passo 1 punto 3 stile testi ma appena metto online il sito su i pc dove il gfont non è installato non si vede.
C'è modo di inserirlo da WSX5 o devo trovare un modo alternativo?
grazie
Postato il
Autore
Aggiungo il sito che per ora è un sito test in costruzione
.
http://test.dadigrafica.it
http://help.websitex5.com/it/v12/evo/web_font_def.htm
Il codice @import non va scritto tra i tag <style> e </style> (vedi allegato).
Rimuovili.
Preciso che il "non va scritto" è riferito al fatto che tale codice viene inserito dal programma in un file esterno.
Autore
Ciao Mirko purtroppo non mi è molto utile ho già seguito la guida ma non funziona.
Ho inserito come dicevo nella pagina d'ingresso del programma i google font ma se si visualizza in un altro pc purtroppo si vede il font standard.
Come detto da lemon song ho provato anche a forzare inserendo il @font-face che mi ha consigliato di togliere perchè non ci va ma il risultato non cambia viene visualizzato times new roman.
Autore
Ho provato anche a creare un altro sito per vedere se magari erano dati miei sporchi non modificando nulla in html.
http://test2.dadigrafica.it
ho inserito al punto 1-->stile modello-->Testo della Pagina
Il font è Roboto ed ha il contrassegno Tg come spiegato dalla guida.+
ma su i pc dove non è installato non va.
Non mi sembra di ave scritto una cosa del genere, rileggi con attenzione quello che ho scritto.
I codici da inserire che trovi attualmente su Google Fonts sono "STANDARD" (tag link) e "@IMPORT" (con tag style).
Nella finestra "Preferenze" di WS, il codice @import va scritto senza tag style perché viene inserito in un file CSS esterno.
Se hai fatto questa correzione, forza l'anteprima di WS tenendo premuto il tasto Ctrl ed esporta completamente il sito.
Comunque, nel tuo test2, attualmente, hai inserito correttamente il codice "STANDARD" (in head) quindi Roboto si vede.
Autore
Ho risolto
ho inserito questa stringa:<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
al passo 4 in codice html--->dopo l'apertura del tag head.
Così funziona...
Beh, questo te l'avevo già detto io nel post precedente (bisogna cliccare su "Mostra più" quando presente):
Se vuoi usare il codice @import correttamente, come previsto dalla guida devi rileggerti con attenzione gli altri post.
Un'occhiatina alle guide CSS online non guasterebbe.