GOOGLE WEB FONTS

[Zambelletti]

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>


      <>

[stesil]

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

[Zambelletti]

Quel file l'ho caricato da esporto css.
Ho sbagliato?
lo debbo caricare in ftp?

[stesil]

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"

[skeggia]

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

[Zambelletti]

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!

[stesil]

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.

[Zambelletti]

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!

[skeggia]

@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

[lemonsong]

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

[Zambelletti]

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

[ziobello1976]

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

[stesil]

Se hai seguito le indicazioni presenti qui, 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>

[ziobello1976]

Se hai seguito le indicazioni presenti qui, 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

[ziobello1976]

Se hai seguito le indicazioni presenti qui, 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