Unofficial WebSite X5
WebSite X5 versioni obsolete => WebSite X5 [v9] - Discussioni Generali => Topic aperto da: DanieleAbbaQ - 20 Marzo, 2012, 11:16:07
-
salve c'è una possibilità di inserire i fonts di Google nelle pagine di WebSite X5 senza ogni volta modificare le singole pagine pcss/.css esportando il tutto?
http://www.google.com/webfonts#HomePlace:home (http://www.google.com/webfonts#HomePlace:home)
grazie
-
Magari mi sbaglio, ma anche se ce ne fosse la possibilità se il visitatore del tuo sito non ha i font istallati sul suo pc non li vedrebbe comunque.
-
a parte che è spiegato direttamente sul sito come utilizzarli, il servizio serve appunto per visualizzare i font senza averli installati sul pc.
-
@marco, ti sbagli, il servizio google serve appunto per utilizzare font non standard anche su pc che non le hanno installate, comunque è possibile inserire tali fonti in wsx5 abbastanza facilmente seguendo le istruzioni di google. Una volta che le hai definite, te le porti dietro ad ogni esportazione senza modificare alcunchè.
P.S. - Io personalmente uso il servizio @fontface, mi sermbra più snello da utilizzare.
-
:-[ sorry! ho detto una ca...ta..... ::)
-
@marco, ti sbagli, il servizio google serve appunto per utilizzare font non standard anche su pc che non le hanno installate, comunque è possibile inserire tali fonti in wsx5 abbastanza facilmente seguendo le istruzioni di google. Una volta che le hai definite, te le porti dietro ad ogni esportazione senza modificare alcunchè.
P.S. - Io personalmente uso il servizio @fontface, mi sermbra più snello da utilizzare.
ciao, grazie per la risposta. Ma come fai a portarle indietro senza dover modificare il tutto all'esportazione?
-
questa parte di codice va inserita o nella sezione esperto del passo 1 o nella sezione esperto nel tag head della pagina in cui vuoi inserire la font: es:
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Knewave">
<style>
h1 {
font-family: ‘Knewave’, serif;
font-size: 18px;
line-height: 18px;
}
</style>
naturalmente cambiando il nome del font da inserire, qui c'e' anche la definizione del tag h1 per dargli corpo ed interlinea.
Si possono inserire anche più font insieme separandole con il segno | (quello sopra lo slash) e definendo vari tag h1, h2, h3, ecc. per poterli utilizzare nelle pagine.
Spero di non aver dimenticato nulla.
Se vuoi vedere un esempio, avevo preparato una specie di inizio di catalogo, non terminato ma esplicativo
http://www.skeggia12.it/test/loader1
-
dimenticavo, non ti devi portare dietro nulla perchè le font wsx5 le prende dal servizio google, bastano solo quelle definizioni che ti ho postato prima.
ciao
-
ciao skeggia,
sto provando ad usare il sistema di google fonts per usare un altro font sul sito ma... non riesco a farlo funzionare.
Il font che stavo pensando di usare è Pontano Sans.
Ho fatto come dici tu e ho sostituito il font con quello che mi interessava ma non va... Ho provato ad incollare semplicemente la stringa che dà google ma anche in quel modo non va. Il pc è connesso a internet... se magari volevi chiedermelo...
Ho notato che il tuo codice usa le " mentre quello di google usa '. Cambia qualcosa? Ad ogni modo non riesco a farlo andare. :(
-
ciao dimpy, a me piace di più usare il servizio @fontface, lo trovo più semplice da implementare, ti posto il link di esempio
http://www.skeggia12.it/test/provafont
anche perchè al link
www.fontsquirrel.com
ti puoi scaricare tutto un pacchetto con la font nei vari formati utilizzabili per tutti (IE, FF, Chrome, ecc.); andando sulla scheda @font-facekits puoi scegliere la font e poi scaricarti il pacchetto, oppure se la font non è presente, dalla scheda @font-face generator la puoi uploadare (sempre che sia una font free) e ti crea il relativo pacchetto. Se hai bisogno ti posso fare un piccolo schema di utilizzo.
-
Ecco il promemoria promesso.
-
buon giorno, ma se non volessi utilizzare i font di google, ma dei font che dispongo?
Come facci per integrare questa procedura con i font che posseggo?
Grazie!
-
come dicevo più in alto in questo post, se vai sul sito www.fontsquirrel.com oltre a scaricarti i pacchetti già pronti, puoi uploadare la tua font e farti creare il pacchetto da integrare in wsx5, naturalmente una font free e non soggetta a copyright.
-
molto bene, provo e ti dico.
Grazie!
-
ho avuoto problemi, ora sto provando
-
Ho provato ma non mi funziona :
ecco la pagina pubblicata :
http://www.pdagrafica.com/Personale/test/pda/pagina-12.html
Codice nella sezione Head :
<link rel="stylesheet" href="stylesheet.css" type="text/css" charset="utf-8">
<style type="text/css" media="screen">
h1.fontface {font: 60px/68px 'bauhausm', Arial, sans-serif;letter-spacing: 0;color:yellow;}
p.style1 {font: 18px/27px 'bauhausm', Arial, sans-serif;color:yellow;}
#container {
width: 800px;
margin-left: auto;
margin-right: auto;
}
</style>
Corpo HTML :
<div id="container">
<h1 class="fontface">prova prova prova prova</h1>
<p class="style1">prova prova prova prova</p>
<>
-
Ho provato ma non mi funziona :
Codice nella sezione Head :
<link rel="stylesheet" href="stylesheet.css" type="text/css" charset="utf-8">
Il codice che hai scritto cerca il file stylesheet.css nella cartella principale del sito. Ma il tuo file è qui: files/stylesheet.css ... quindi .....
<style type="text/css" media="screen">
h1.fontface {font: 60px/68px 'bauhausm', Arial, sans-serif;letter-spacing: 0;color:yellow;}
p.style1 {font: 18px/27px 'bauhausm', Arial, sans-serif;color:yellow;}
Sicuro che sia giusto il nome del font?
font-family: 'bauhaus_md_btmedium';
-
Quel file l'ho caricato da esporto css.
Ho sbagliato?
lo debbo caricare in ftp?
-
Non so cosa sia "esporto css" ma visto che il file è sul server non hai sbagliato il modo, hai sbagliato il percorso nel codice. Hai scritto:
href="stylesheet.css"
ma se il file si trova nella cartella files avresti dovuto scrivere
href="files/stylesheet.css"
-
l'osservazione di stesil è giusta, devi aggiungere files/ davanti a stylesheet.css.
Per il nome della font se hai usato fontsquirrel devi scrivere il nome preciso che trovi dentro al file stylesheet.css
-
Allora,
ho fatto le correzioni richieste :
<link rel="stylesheet" href="files/stylesheet.css" type="text/css" charset="utf-8">
<style type="text/css" media="screen">
h1.fontface {font: 60px/68px 'bauhaus_md_btmedium', Arial, sans-serif;letter-spacing: 0;color:yellow;}
p.style1 {font: 18px/27px 'bauhaus_md_btmedium', Arial, sans-serif;color:yellow;}
#container {
width: 800px;
margin-left: auto;
margin-right: auto;
}
</style>
Questo è il link al sito :
http://www.pdagrafica.com/Personale/test/pda/pagina-12.html
Come potete vedere, funziona in parte, ovvero, la pagina ha font scelto : bauhaus,
ma il menù non ce l'ha.
In particolar modo mi interessa il menù .
Si può risolvere?
Grazie!
-
Allora,
ho fatto le correzioni richieste :
[...]
Come potete vedere, funziona in parte, ovvero, la pagina ha font scelto : bauhaus,
ma il menù non ce l'ha.
Non è vero che funziona in parte! Funziona! Il codice fa quello per cui è stato scritto. Se scrivi
h1.fontface {font: 60px/68px 'bauhaus_md_btmedium', Arial, sans-serif;letter-spacing: 0;color:yellow;}
p.style1 {font: 18px/27px 'bauhaus_md_btmedium', Arial, sans-serif;color:yellow;}
stai dicendo al browser di visualizzare quello che è inserito tra i tag <h1> con class "fontface" e tra i tag <p> con class "style1" con il font bauhaus. Perchè mai il browser dovrebbe applicare il font anche al menu?
Il menu di evo9 non dà problemi di font perchè viene visualizzato come immagine, creata dal programma in base alle impostazioni scelte al passo 4 Impostazioni avanzate ---> Stile del menu principale.
-
Quindi va bene così........
il font del menù lo prendo da website, peri testi delle pagine........faccio come hofatto ora.
Giusto?
Ad esempio, per il form contatti.......oppure per il menù a discesa.........debbo fare qualcosa per ottenere il font desiderato?
Grazie!
-
@pda: ho letto che hai risolto; se posso permettermi, da vecchio tipografo, vorrei dire che visitando il tuo sito, ho visto che il carattere bahuhaus, ha, nei corpi piccoli (ad es. menu' e fondo pagina) dei problemi di visualizzazione in quanto troppo fine nel tratto, almeno a mio parere, e quindi o usi il bold o ingrandisci il carattere o usi un font più corposo, sempre a mio parere.
Un'ultima cosa, per deformazione professionale, dove hai scritto 'per tanto' credo che andrebbe corretto in 'pertanto'.
Scusa per l'intromissione.
ciao
-
[OT]
visitando il tuo sito
@pdagrafica
Toglierei, in work-experience.html, la parte che riguarda i siti web (se ho letto bene)... è solo un consiglio costruttivo, da amico ;)
Edit:
Senza polemica...
-
@pda: ho letto che hai risolto; se posso permettermi, da vecchio tipografo, vorrei dire che visitando il tuo sito, ho visto che il carattere bahuhaus, ha, nei corpi piccoli (ad es. menu' e fondo pagina) dei problemi di visualizzazione in quanto troppo fine nel tratto, almeno a mio parere, e quindi o usi il bold o ingrandisci il carattere o usi un font più corposo, sempre a mio parere.
Un'ultima cosa, per deformazione professionale, dove hai scritto 'per tanto' credo che andrebbe corretto in 'pertanto'.
Scusa per l'intromissione.
ciao
Si, grazie......il mio sito è pubblicato ma.......è molto w.i.p...........
sempre ben accetti i consigli.
-
Ciao Ragazzi ho letto tutto il topic ma non riesco a fare il punto della situazione.
Potete aiutarmi passo passo a capire come utilizzare Google web font ed impostarlo su website x5 evo 9?
In particolar modo per intervenire sul font relativo al TITOLO DELLA PAGINA
Vi ringrazio anticipatamente
Fabio
-
Se hai seguito le indicazioni presenti qui (http://www.google.com/webfonts), devi solo inserire h2#imPgTitle come selettore del css.
Una cosa di questo tipo, in head del progetto, da personalizzare con il font scelto:
<style>
h2#imPgTitle{
font-family: 'nomegooglefont';
}
</style>
-
Se hai seguito le indicazioni presenti qui (http://www.google.com/webfonts), devi solo inserire h2#imPgTitle come selettore del css.
Una cosa di questo tipo, in head del progetto, da personalizzare con il font scelto:
<style>
h2#imPgTitle{
font-family: 'nomegooglefont';
}
</style>
Ciao Stesil grazie per la tua risposta, non capisco le indicazioni "qui" di google
-
Se hai seguito le indicazioni presenti qui (http://www.google.com/webfonts), devi solo inserire h2#imPgTitle come selettore del css.
Una cosa di questo tipo, in head del progetto, da personalizzare con il font scelto:
<style>
h2#imPgTitle{
font-family: 'nomegooglefont';
}
</style>
Ciao Stesil grazie per la tua risposta, non capisco le indicazioni "qui" di google
cmq ho provato a mettere il tuo codice in HEAD ma non succede niente
-
Ciao Stesil grazie per la tua risposta, non capisco le indicazioni "qui" di google
Sicuramente non ho capito 'na mazza ma il "qui" postato da stesil è un link: http://www.google.com/webfonts (http://www.google.com/webfonts)
Scegli il tuo font e clicca su Quick-use e segui le indicazioni dei 4 punti.
Il codice postato da stesil è il 4°.
Se ho capito male, come non detto :)
-
Ci sono riuscito, grazie!!!
-
e per formattare altri parti della pagina, Es. testo della pagina ed altri titoli vari?
-
Se cerchi nel forum trovi quasi tutte le "varianti" possibili ma, per esempio, per l'oggetto testo la via più semplice è quella di scaricare il font scelto (Add to Collection - Download your Collection), installarlo nel PC quindi, se WS9 lo vede tra i font di sistema, lo selezioni per i tuoi testi.
Al punto 4 ci "penserà" WS coi suoi CSS.
Ovviamente NON devi tralasciare il punto 3.
-
Se cerchi nel forum trovi quasi tutte le "varianti" possibili ma, per esempio, per l'oggetto testo la via più semplice è quella di scaricare il font scelto (Add to Collection - Download your Collection), installarlo nel PC quindi, se WS9 lo vede tra i font di sistema, lo selezioni per i tuoi testi.
Al punto 4 ci "penserà" WS coi suoi CSS.
Ovviamente NON devi tralasciare il punto 3.
ho girato un po per il forum ma senza trovare niente
che ricerca specifica devo fare?
-
Per esempio, quello che hai quotato, è una prova da fare... l'hai fatta?
Ho frainteso la tua richiesta?
WS9 non ti vede il/i font scelto/i?
Comunque puoi cercare, per esempio, font-face
-
Buon giorno, questo argomento sembra sempre chiuso, in realtà scopro sempre qualcosa che non va.
Per questo sito : LINK (http://www.morisieri.it/chi-siamo.html)
Ho utilizzato il consueto codice :
Only registered users can see contents. Please click here to Register or Login.
Pare che funzioni su Opera, Firefox, Chrome ma....non mi funziona su Internet Explorer (sia la Versione 9 che la 11).
Magari ho sbagliato una virgola, però non ne vengo a capo.
Mi aiutate a capire cosa sbaglio?
Grazie!
-
Per questo sito : LINK (http://www.morisieri.it/chi-siamo.html)
Vado OT (ormai dovresti sapere tutto su font-face): mettere un div in head (tra l'altro, con una caterva di errori) non è professionale... dovresti sapere pure questo.
Allego immagine "per ricordo".
-
ciao lemon, grazie per la risposta e per OT.
Per gli errori, magari li posso risolvere anche da solo(credo che si tratti delle "virgolette", per il font-face, ho bisogno di aiuto, se puoi.
Per il "professionale", mi spieghi meglio? Ovvero, forse volevo dire non è corretto? Si può utilizzare, funziona comunque ma non è elegante.....posso fare a meno di metterlo perchè non ha effetto.....aiutami a capire meglio cosa volevi comunicarmi, se puoi.
Grazie!
-
Prova a "contrarre" font-family ovunque l'hai usato, esempio:
font-family: 'BertholdAkzidenzGroteskBERg';
Prima di postare "non va", assicurati di non commettere errori!
Se non dovesse funzionare, prova a visualizzare questa pagina (https://tdwpstore.com/skin/frontend/warner/blake_shelton/fonts/BertholdAkzidenzGroteskBERegular-demo.html) ed il relativo CSS (https://tdwpstore.com/skin/frontend/warner/blake_shelton/fonts/stylesheet.css) (font compresi).
Se visualizzi il font con tutti i browser: copia!
Altre note OT:
- hai tolto il div in head ma hai lasciato img e a: mettili in body
- hai inserito dei tag <style> e </style> in body: mettili in head
- io devo spiegare "professionale" a te?
Buon lavoro!
-
Grazie Marco, per avermi risposto e grazie sopratutto per OT.
Pare che funzioni, debbo ancora provare su di un altro computer, per ulteriore verifica, eventualmente ti dico.
Adesso però la domanda sorge spontanea :
Quando io leggo in internet (http://www.html.it/pag/18954/font-personalizzati-con-font-face/)
Only registered users can see contents. Please click here to Register or Login.
e quindi utilizzo il codice così come l'ho riportato quale post più su e mi funziona, poi cambio il font e solo su IE non mi funziona,
come si fa a capire che bisognava compattarlo?
OT
Ho qualche dubbio di validazione e su maximage, se mi dici che mi aiuti scrivo il post nella topic di riferimento.
Grazie! infinitamente.
-
come si fa a capire che bisognava compattarlo?
Mah, suppongo che fosse il numero "elevato" di caratteri.
Probabilmente era sufficiente togliere "Regular".
P.S.
Questo è un forum, non una chat, puoi aprire i post che vuoi, senza pretendere la risposta ;)
-
Ci sono dei testi che non funzionano :
Quello della pagina Intro
provo ad aprire il topic.
Grazie!
-
Ci sono dei testi che non funzionano :
Quello della pagina Intro
A cosa ti riferisci?
Ancora www.morisieri.it ?
Se sì, il paragrafo (<p>) nell'oggetto HTML e Widgets non ha formattazione, non ha una classe, non ha un id.
Hai dei tag <style> e </style> nel body (sei recidivo) senza un selettore, graffe... un pasticcio insomma.
Edit:
Se non ti decidi a leggere quel cavolo di libro...
-
si, mi riferisco proprio a quello.
Iin realtà....c'era un Div id=intro, e uno style cone le graffe, che poi ho tolto.
Risistemo e vediamo
-
Infatti, sistema e funziona!
Grazie!
OT
Riguardo al libro...
non mi rivolgo a te, ma a tutti gli utenti di tutti i forum e di tutti i settori che dicono di leggere i libri.
Ho trovato scritto sul libro (una delle tante cose contraddittorie, errate o non funzionanti)
che utilizzando una class, per lo style bisogna mettere il, punto "." e giustamente il cancelletto "#" del i div, però
c'è scritto che se si inverte non fa nulla.
Oppure per gli iframe di youtube, in internet ci sono infiniti codici, solo che sono tutti vecchi perchè youtube modifica continuamente le api, gli unici veramente funzionanti sono quelli che mi hai consigliato tu.
Oppure il mio font-face era corretto, ma non ho mai trovato scritto che per farlo funzionare bisognava ridurre i caratteri.
Per questo sono importanti i forum, ed è lecito chiedere anche una cosa stupida apparentemente,
perchè ci sono utenti che già ci sono passati e riescono a risolverti dei problemi specifici.
Certo, poi a volte accadono pasticci, come lo style senza id , parentesi etc; ma taglia, copia, incolla, pulisci, modifica.....etc;
ti sfugge qualcosa, pur sapendo bene che un css si fa cosi :
Only registered users can see contents. Please click here to Register or Login.
Grazie!
Se puoi ti aspetto in altri post.
-
OT
In Rete trovi di tutto.
Il famoso "libro" lo devi cercare nelle "librerie accreditate".
Refusi e pagine non aggiornate li puoi trovare anche in quelle "librerie".
Il Web è in continuo "movimento", quindi sta al webmaster tenersi aggiornato e provare con il maggior numero di browser possibili.
Riguardo alle classi e id, questo è quello che dovresti sapere:
In un documento HTML l’attributo id è usato per identificare in modo univoco un elemento. In pratica, se assegno ad un paragrafo l’id testobianco, non potrò più usare questo valore nel resto della pagina. Di conseguenza, l’id #testobianco dichiarato nel CSS trasformerà solo quel paragrafo specifico. Una singola classe, al contrario, può essere assegnata a più elementi, anche dello stesso tipo.
Fonte: http://www.html.it/pag/14217/id-e-classi-due-selettori-speciali/ (http://www.html.it/pag/14217/id-e-classi-due-selettori-speciali/)