WebSite X5Help Center

 
Eloisa L.
Eloisa L.
User

Web Font Su Website X5 V9  it

Autore: Eloisa L.
Visite 2645, Followers 2, Condiviso 46  
Parole Chiave: font,fonts

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
15 RISPOSTE - 1 UTILE
Incomedia
Steve J.
Incomedia

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.

Leggi di più
Postato il da Steve J.
Eloisa L.
Eloisa L.
User
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

Leggi di più
Postato il da Eloisa L.
Incomedia
Steve J.
Incomedia

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;}

Leggi di più
Postato il da Steve J.
Eloisa L.
Eloisa L.
User
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!

Leggi di più
Postato il da Eloisa L.
Eloisa L.
Eloisa L.
User
Autore

Ho accidentalmente cliccato su Corretto invece di Riporta.

Volevo precisare che non funziona nessun altro font a parte quicksand. Come mai?

Grazie

Leggi di più
Postato il da Eloisa L.
Eloisa L.
Eloisa L.
User
Autore

Se si esporta si vede, ma non c'è un modo per poterlo vedere in anteprima?

Ho provato anche ctrl + anteprima ma niente...

Leggi di più
Postato il da Eloisa L.
Incomedia
Steve J.
Incomedia

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.

Leggi di più
Postato il da Steve J.
Eloisa L.
Eloisa L.
User
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?

Leggi di più
Postato il da Eloisa L.
Incomedia
Steve J.
Incomedia

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. Wink

Leggi di più
Postato il da Steve J.
Eloisa L.
Eloisa L.
User
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! Laughing

Leggi di più
Postato il da Eloisa L.
Incomedia
Steve J.
Incomedia

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...

Leggi di più
Postato il da Steve J.
Eloisa L.
Eloisa L.
User
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!!

Leggi di più
Postato il da Eloisa L.
andrea frigerio
andrea frigerio
User

quindi per usare questi fonts non possiamo usare il widgets "testo"?, ma si deve usare il widgets html e usare quello per scrivere?.

Leggi di più
Postato il da andrea frigerio
andrea frigerio
andrea frigerio
User

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?

Leggi di più
Postato il da andrea frigerio
Incomedia
Steve J.
Incomedia

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. Wink

Leggi di più
Postato il da Steve J.