Webfont
Autor: Marco Z.
Visited 2157,
Followers 1,
Udostępniony 0
Buongiorno
riscontro un problema utilizzando i webfont.
Ho correttamente aggiunto tutti i webfont (.fft .woff .svg .eot) al mio progetto ma, in maniera inspiegabile, su tutti i browser viene talvolta utilizzato un normale Times new roman.
La cosa strana è che questo succede solo in alcune parti o pagine del sito mentre in altre il carattere visualizzato è quello giusto.
Ho provato diversi browser (Iexplorer11 - firefox 56 - Chrome - Safezone di Avast - Safari per Iphone) e il problema sussiste su tutte le piattaforme.
Il sito è questo: http://www.marcozanoli.it
Potete aiutarmi a risolvere questo problema? grazie.
Saluti, Marco.
Posted on the
Ciao Marco, che procedura hai utilizzato per aggiungere i caratteri ?
Autor
Ciao Giancarlo, li ho aggiunti dalle preferenze di website, nell'apposita sezione webfont
Io utilizzo i Google font, è oltre ad inserire il file del font inserisco anche il codice import...
Autor
cosa cambia rispetto ai webfont? e che codice import inserisci? e dove?
grazie mille!
Prova a leggere qui
http://help.websitex5.com/it/v13/pro/index.html?google_fonts_ht.htm&_ga=2.61817327.2144411270.1507490244-443845952.1507154052
Autor
do un'occhiata, grazie!
Autor
Giancarlo, ho seguito passo passo le istruzioni. Ora però addirittura anche in locale quando faccio il preview il carattere è sbagliato....vedo un times new roman. Ovviamente anche quando esporto in rete il risultato è lo stesso.
Ho scaricato i ttf da google fonts, li ho inseriti nella sezione webfont di websitex5 e ho incollato il codice import...non capisco dove posso aver sbagliato....
... umm ... prova a postare lo screenshot con il codice import inserito ....
Autor
ecco la stringa che ho incollato:
@import url('https://fonts.googleapis.com/css?family=Raleway:100,100i,200,200i,300,300i,400,400i,500,500i');
per il light dovrebbe essere quest
@import url('https://fonts.googleapis.com/css?family=Raleway:300');
per lo standard regular
@import url('https://fonts.googleapis.com/css?family=Raleway');
prova sempre ad inserire il codice import per il carattere caricato
poi forza l'anteprima con CTRL+Anteprima ... io di solito faccio così
prova e vediamo che succede.
Autor
fatto, adesso ho importato un solo tipo di font (light) e incollato la stringa relativa a quel font.
Purtroppo stesso risultato...sempre e solo times new roman...
ti allego gli screenshots
non è normale così la procedura è quella... prova ad eliminare o rinominare la cartella Preview e Upload presenti nel tuo progetto poi a rilanciare l'anteprima
Autor
fatto, ma ahime tutto come prima.....Aspettiamo che lo staff di incomedia ci dica qualcosa a questo punto....
Intanto grazie mille comunque Giancarlo!
Buongiorno Marco,
credo che dipenda dal font, prova a scaricare il tipo regular o quello standard e prova con quello. Se così funziona dipende dal tipo light di quel font che non è corretto.
Autor
Buonasera Riccardo
effettivamente utilizzando il tipo regular il problema sembra risolversi.
Ma ho notato che il problema si presenta anche su altri tipi di google fonts (ne ho provati 4 differenti); cambiando il carattere riscontro lo stesso problema con i tipi "light" o "extra-light", l'unico che sembra funzionare è sempre il tipo "regular".
Mi sembra strano che su quattro font differenti si presenti lo stesso problema....
Inoltre le chiedo un aiuto sul primo problema che avevo sollevato e cioè quello relativo ai webfont (trova la domanda in cima alla discussione).
grazie mille
Scusa Marco, io non sono in grado di aiutarti ma... volevo farti i complimenti per il sito! Davvero molto bello.
Autor
grazie Claudio!
Autor
Buongiorno Riccardo,
riposto il messaggio di due giorni fa non avendo ricevuto risposta.
effettivamente utilizzando il tipo regular il problema sembra risolversi.
Ma ho notato che il problema si presenta anche su altri tipi di google fonts (ne ho provati 4 differenti); cambiando il carattere riscontro lo stesso problema con i tipi "light" o "extra-light", l'unico che sembra funzionare è sempre il tipo "regular".
Mi sembra strano che su quattro font differenti si presenti lo stesso problema....
Inoltre le chiedo un aiuto sul primo problema che avevo sollevato e cioè quello relativo ai webfont (trova la domanda in cima alla discussione).
grazie mille
Buongiorno Marco,
probabilmente il font non è corretto e se di inserisce il font di tipo light o extra-light non corrisponde più.
Vorrei però analizzare meglio il tuo progetto per capire quali font hai usato e come li hai inseriti.
Potresti allegarmi il file .iwzip per favore? Puoi usare il servizio https://wetransfer.com/ e comunicarmi il link per il download. Puoi settare il topic come privato.
Inoltre comunicami i font che hai usato.
Fammi Sapere.
Marco magari il problema è diverso...ma dato che utilizzi anche tu la 13, prova a fare questo passaggio che per me è forzato ad ogni aggiornamento del citato software.
Riapri preferenze -> webfont e reimporta i ttf, woff, eot, ecc, riapri il progetto e in stile testi anche se è già presente la tua scelta di font, lo rimetti facendo poi ok.
A questo punto per ogni pagina che hai creato, clicchi dove c'è testo e poi dai ok (lavoro a secondo del progetto lunghino e noiosamente inutile), salva facendo esporta progetto (includi copia dei web font selezionato) e alla fine reimporta il progetto sul web da esporta sito su internet selezionando "esporta tutti i file".
Nel mio caso è stato l'unico modo dopo gli ultimi 2/3 aggiornamenti per non avere pagine con il font da me scelto, ed altre con quello di default!! Le avevo provate tutte senza cavarne piede...tenta anche tu, male che vada magari avrai ridato nuovamente uno sgardo al tuo progetto...
Autor
ecco il link per il download: https://we.tl/hIUyiUXOxF
attendo tue notizie
grazie intanto
Marco
Autor
Ciao David, grazie per il consiglio!
Ma questa procedura incredibilmente noiosa (che per il mio sito si tradurrebbe in qualche ora di lavoro) va rifatta ad ogni export o modifica del sito o solo quando ci sono aggiornamenti di website?
Buongiorno Marco,
come ti ho scritto precedentemente può dipendere dal font. Dovresti provare a non usare il WebFont ma i Google font, vai sul sito https://fonts.google.com/ cerca il font e inserisci il @import nel programma. Poi sostituiscilo nel progetto e riesporta.
Fammi Sapere.
Autor
Salve Riccardo
ho già provato con i google fonts ne abbiamo parlato qualche giorno fa in questa stessa discussione.
Se ricordi avevo lo stesso problema su quattro differenti font sempre con i tipi "light" o "extra-light"; gli unici font che sembrano funzionare sono i tipi "regular".
Questa cosa non mi pare normale e non credo che i font siano "difettosi" visto che riscontro il problema quattro volte su quattro.....
Autor
ciao...ho seguito la tua procedura....reinserito i font e ridefiniti negli stili dei caratteri.
Poi ho ridato l'ok per ora solo su tutti i testi della home e riesportato tutti i file del sito sul web, ma il risultato è sempre lo stesso...times new roman anzichè il carattere che avevo definito.
Ho sbagliato qualcosa?
grazie
Buongiorno Marco,
probabilmente dipende proprio dai file dei font che inserisci. Stai usando WebFont, dovresti provare a cercare un font simile fra i Google font e usare quelli.
Autor
Caro Riccardo
ho di nuovo fatto delle prove secondo le tue istruzioni. Purtroppo, anche con i google fonts, il carattere visualizzato, anche in fase di preview in locale, è sempre il times new roman stardard.
Oramai ho provato moltissimi tipi di webfonts e googlefonts pertanto escludo che i files siano corrotti.
Il problema si presenta in questo modo dopo gli ultimi aggiornamenti del programma.
Al momento posso solo utilizzare i fonts proposti dal programma perchè qualsiasi altro font esterno (sia webfont che googlefont) non funziona; riusciamo a risolvere questo problema non da poco?
Grazie mille, attendo tue notizie.
Marco
Buongiorno Marco,
prova a caricare un google font nel progetto salva, clicca su CTRL+Anteprima e verifica di nuovo in anteprima.
Se visualizzi sempre times new romans ti invito a esportare il progetto in questa situazione creando il file .iwzip e inviarmelo (usa il servizio: https://wetransfer.com/) scrivendomi il link per il download.
Così posso analizzarlo.
Fammi Sapere.
Autor
Buongiorno Riccardo,
ok apro un'altra discussione in privato.
A dopo