Web Font Su Website X5 V9
Autore: Eloisa L.
Visite 2746,
Followers 2,
Condiviso 46
Ciao a tutti!
Ho guardato un pò il forum ma non sono riuscita a risolvere il mio problema.
Vorrei usare i google web font sul mio sito, ma l'unica cosa che sono riuscita a capire è che devo mettere il codice, per esempio, <Link href = 'http://fonts.googleapis.com/css?family = Raleway: 100 'rel = tipo di' stile '=' text / css '> nel passo 1 sezione esperto codice personalizzato nella sezione HEAD (lo metto in coda al resto che c'è?).
Qualcuno potrebbe dirmi il passo successivo perchè cosi ovviamente non cambia niente.
Grazie!
Postato il
Ciao Eloisa,
trovi i riferimenti per i Google font qui http://www.google.com/webfonts
Devi inserire il codice all'interno dell'HEAD al passo 1 in coda ad eventuale tuo altro codice.
Per usare il font però dovresti usare l'oggetto Codice HTML e dichiarare lo stile CSS del font che vuoi usare come indicato sul sito di Google.
Autore
Ciao Steve,
allora, ho inserito in codice <Link href = 'http://fonts.googleapis.com/css?family= Raleway: 100 'rel = tipo di' stile '=' text / css '> nell'head al passo 1 mettendolo in coda a dei codici che non ho inserito io (li avrà generati il programma credo).
Poi vado in una pagina, inserisco l'oggetto codice html e ho inserito nella sezione esperto il codice h1 { font-family: ‘Raleway’, cursive; font-weight: 100; } come suggerito da google. facendo anteprima non cambia niente..
cosa ho sbagliato?
Grazie
No, non devi usare il tag H1 o H2 perché sono già usati dal programma. Conviene se che inserisci delle classi con un tuo nome personale (es: classTitle).
Metti questo testo come codice HTML
<p class="classTitle">Prova di testo come titolo con font Google</p>
Metti questo testo come codice CSS
.classTitle {font-family: 'Raleway', cursive; font-weight: 100;}
Autore
Perfetto! grazie mille.
Un'ultima cosa però...ho fatto delle prove con diversi font ma, con il font "quicksand", per esempio, funziona benissimo, con altri no, come mai? dove non funziona me li converte in font standard.
Ti faccio l'esempio del font "Gloria Hallelujah", non me lo visualizza, e lo stessi fa con molti altri. Il procedimento è lo stesso che ho usato per quicksand quindi mi sembra strano.
E per il menù come faccio a mettere il web font?
Grazie!
Autore
Ho accidentalmente cliccato su Corretto invece di Riporta.
Volevo precisare che non funziona nessun altro font a parte quicksand. Come mai?
Grazie
Autore
Se si esporta si vede, ma non c'è un modo per poterlo vedere in anteprima?
Ho provato anche ctrl + anteprima ma niente...
Ciao, basta cliccare su Non ancora corretto per riaprire il post. L'ho fatto io.
Penso che funzioni solo se si è connessi ad Internet ed è necessario specificare nell'HEAD ogni tipo di font che si vuole utilizzare e poi collegare nella pagina il relativo codice CSS. Io comunque lo vedo in anteprima. Controlla di avere installato sul tuo PC almeno IE8 se non IE9.
Autore
ciao, grazie di aver riaperto il post.
Ho controllato e ho la connesione internet e IE9. I font li ho messi giusti perchè poi nell'esportazione li vedo correttamente, è l'anteprima che mi da problemi.
Se volessi modificare anche il menù e i titoli delle pagine? è possibile?
Per il menu puoi già scegliere il font che vuoi dato che viene creata una immagine. Quindi non è necessario modificare nulla del codice HTML.
Per il resto dipende tutto dal codice HTML e CSS ed è necessario sovrascrivere gli stili che imposta WSX5. Si può fare tutto con WSX5 (dato che il programma crea codice HTML+CSS), ma ovviamente è necessario approfondire la propria conoscenza di CSS e HTML più si va in fondo con le modifiche del codice.
Autore
Grazie mille per l'aiuto!
Per l'anteprima quindi mi arrendo? Guarda ti dico che mi vede solo il Quicksand, tutti gli altri me li cambia con un font preimpostato.
Se riesco a risolvere questo sono a cavallo!
Non saprei, l'anteprima di WSX5 usa il browser che hai installato IE9, quindi potrebbe dipendere da IE9. Se funziona con uno dovrebbe funzionare con tutti, a meno che non ci sia proprio una nota sulla pagina di Google dove non esiste compatibilità con IE9 (mi sembra strano però...). Fammi sapere cosa trovi...
Autore
Potrei sviare la cosa usando l'index nell'esportazione su disco...li funziona...
cmq è proprio strano che l'anteprima non funzioni bene...
Grazie per tutto l'aiuto!!
quindi per usare questi fonts non possiamo usare il widgets "testo"?, ma si deve usare il widgets html e usare quello per scrivere?.
non e' possibioe fare una cosi simile?.
se noi usiamo un fonts che abbiamo sul nostro pc, mettiamo si chiamo "pippo".
utilizzo questo font nel widgets "testo" di wsx5.
se un pc non h installato il font "pippo" vedrà tale scritta con un font standard.
se si copia il font sul server su cui sta il sito, non è possibile richiamare tale font che sta sul server?
Si, puoi usare i Google Font collegandoli come indicato sul sito Google. Nota che non puoi farlo (son quasi sicuro) con i font sul tuo PC, poiché i font sono protetti da copyright e non possono essere ridistribuiti.