personal.css che non funzione per i font

[ezio2000]

Seguendo le chiare indicazioni su come modificare il .css del proprio template (nel mio caso ProtoStar) ho aggiunto al file index.php il codice:

Codice: [Seleziona]

// Add Stylesheets
JHtml::_('stylesheet', 'template.css', array('version' => 'auto', 'relative' => true));
JHtml::_('stylesheet', 'personal.css', array('version' => 'auto', 'relative' => true));
E poi ho inserito le diverse modifiche nel mio personal.css.

Tali molteplici modifiche funzionano TUTTE, tranne per quello che riguarda i font.

Nel mio personal.css ho aggiunto:

Codice: [Seleziona]

body {
 font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif !important;
 }

textarea {
 font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif !important;
}

.navbar-search .search-query {
 font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif !important;
}

.navigation .nav-child {
 font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif !important;
}
Ma i caratteri visualizzati sono tutto tranne che Tahoma o Verdana (nota !important lo ho aggiunto adesso per prova, ma non cambia nulla). Vedo il sito con font Tahoma SOLO se lo apro con una vecchia versione di Chrome che tengo per prova. Con l' ultima versione di Chroma, IE o Edge mi sembrano Arial o font simile:

https://psmate.com/it/

se guardo l' HTML della pagina vedo:

Codice: [Seleziona]

<link href="/templates/protostar/css/template.css?0db7b766f83d0b9ab4bf81180fea9af3" rel="stylesheet" />
<link href="/templates/protostar/css/personal.css?0db7b766f83d0b9ab4bf81180fea9af3" rel="stylesheet" />
<link href="/media/mod_languages/css/template.css?0db7b766f83d0b9ab4bf81180fea9af3" rel="stylesheet" />
Che c' entra il .css in media/mod_languages? A che serve?
In che file viene stabilito il suo inserimento nell' HTML della pagina? Nell' index.php del template non c' è alcun riferimento.
E comunque anche se "letto" DOPO il mio personal.css il codice !important appena aggiunto non dovrebbe essere prevalente?

[tomtomeight]

Tahoma è un font standard nel pc che usi col browser?

[Limma]

Ma i caratteri visualizzati sono tutto tranne che Tahoma o Verdana (nota !important lo ho aggiunto adesso per prova, ma non cambia nulla). Vedo il sito con font Tahoma SOLO se lo apro con una vecchia versione di Chrome che tengo per prova. Con l' ultima versione di Chroma, IE o Edge mi sembrano Arial o font simile:

A me risulta correttamente impostato il font Tahoma, con tutti i browser che ho sul mio PC, aggiornati all'ultima versione.

Che c' entra il .css in media/mod_languages? A che serve?

E' il file css del modulo nativo di Joomla "language switcher"

[ezio2000]

Tahoma è un font standard nel pc che usi col browser?

Certamente. Tahoma è il font standard di Windows 7. Ma comunque il secondo carattere è Verdana, e non Arial.

[ezio2000]

A me risulta correttamente impostato il font Tahoma, con tutti i browser che ho sul mio PC, aggiornati all'ultima versione.

IE ultima versione su Win 7... questo carattere è tutto meno che Tahoma o Verdana:



Chrome vecchia versione 51: QUESTO E' TAHOMA! La versione corrente è come IE.

[ezio2000]

E' il file css del modulo nativo di Joomla "language switcher"

A cosa serve? E perché Joomla lo scrive DOPO il "personal.css"? Il browser non dovrebbe sovrascriverlo, rendendolo inutile?

[adottauncane]

Ciao,
non serve più aggiungere il richiamo a personal.css su protostar, ora ha già inserito di default il file user.css
Forse è meglio se usi quello, così non avrai problemi con gli aggiornamenti.

Se poi il font che non è tahoma è nella pagina del link, non funziona perché hai messo un div .benvenuto.
Prova a mettere lì il font-family, non solo nel body.

[adottauncane]

Ho visto però il jpg allegato e il primo che metti è il Tahoma... Controlla qui:
https://www.wfonts.com/font/tahoma


Quindi non serve aggiungerlo in .benvenuto

[ezio2000]

Ciao,
non serve più aggiungere il richiamo a personal.css su protostar, ora ha già inserito di default il file user.css
Forse è meglio se usi quello, così non avrai problemi con gli aggiornamenti.

Da che versione?? Io ho la 3.8.1 e non c' è nessun user.css.

[ezio2000]

Ho visto però il jpg allegato e il primo che metti è il Tahoma... Controlla qui:
https://www.wfonts.com/font/tahoma
Quindi non serve aggiungerlo in .benvenuto

Dici? Eppure il Tahoma del vecchio Chrome è completamente diverso dal Tahoma dei nuovi browser: è più tondeggiante e leggibile.
Per inciso: quale è il font delle scritte del vostro forum?

[tomtomeight]

I font non si trovano nel browser ma nella apposita directory del pc in cui il browser gira. Almeno quelli standard per quelli aggiuntivi bisogna o caricarli nel sito o specificare un url.

[adottauncane]

Da che versione?? Io ho la 3.8.1 e non c' è nessun user.css.

No, non c'è il file, lo devi fare. Ma c'è il richiamo nel .php, che viene mantenuto negli upgrade, mentre se aggiungi il richiamo a personal.css magari lo perdi al primo upgrade. Non il file, il richiamo.

[ezio2000]

No, non c'è il file, lo devi fare. Ma c'è il richiamo nel .php, che viene mantenuto negli upgrade, mentre se aggiungi il richiamo a personal.css magari lo perdi al primo upgrade. Non il file, il richiamo.

Ok. Ho visto nell' index.php di ProtoStar il riferimento all' user.css. Un problema in meno negli update.

Non mi hai detto che font usate nel forum: a questo punto mi pare molto più leggibile del Tahoma visualizzato nei browser più recenti.

[ezio2000]

I font non si trovano nel browser ma nella apposita directory del pc in cui il browser gira. Almeno quelli standard per quelli aggiuntivi bisogna o caricarli nel sito o specificare un url.

OVVIO che i font non sono nel browser ma nella cartella Fonts di Winzozz... tuttavia i browser li prendono da lì e rilevo che il Tahoma visualizzato in IE è completamente diverso dal Tahoma visualizzato nella vecchia versione 51 di Chrome.

[adottauncane]

Il font del body del forum:

Codice: [Seleziona]

13px "Lato", "Arial", "Helvetica", sans-serif
lo puoi vedere usando, ad esempio, gli strumenti di analisi pagina di Firefox.

[ezio2000]

Il font del body del forum:

Codice: [Seleziona]

13px "Lato", "Arial", "Helvetica", sans-serif
lo puoi vedere usando, ad esempio, gli strumenti di analisi pagina di Firefox.

VISTO. Carino il carattere Lato... solo che se ben ho capito per usarlo dovrei usare un codice del tipo:

Codice: [Seleziona]

@font-face {
  font-family: 'MyWebFont';
  src: url('myfont.woff2') format('woff2'),
       url('myfont.woff') format('woff'),
       url('myfont.ttf') format('truetype');
}

Ho scaricato Lato (in .tiff) e vedo che per ogni font-weight c' è il relativo .tiff (Lato-Regular, Lato-Bold ecc). Questo vuol dire che per ogni font-weight devo settare la relativa @font-face?

La cosa non mi è chiara: se imposto Verdana come primo font non devo scrivere : Verdana-Regular, Verdana-Bold.

[adottauncane]

Se usi Google fonts basta aggiungere

Codice: [Seleziona]

<style>
 @import url('https://fonts.googleapis.com/css?family=Lato:400,400i,700,700i,900,900i');
 </style> prima della chiusura della </head>

e poi richiamarlo con

Codice: [Seleziona]

font-family: 'Lato', sans-serif;
nel font-weigth metterai 400 o altro.

Alcuni template nel back-end hanno lo spazio per aggiungere codice nella head