-
Interlinea e font titoli
Ciao a tutti
il sito di riferimento è tm-online.it
ho provato a inserire come CSS quanto segue
h3 {
font: bold 12px/1.5 stencil, serif;
line-height: 6;
background: #fff;
letter-spacing: -2px;
}
ma:
1) il font viene tutto maiuscolo e io lo vorrei alto e basso!
2) non mi modifica l'interlinea! (il letter spacing funziona il line-height no)
3) nemmeno il font-weight funziona. Ma come mai?
Grazie per chi potrà aiutarmi
Pino
-
Salve,
crei una pagina di prova e la linchi qui.
Io ho fatto un esmopio: TestCssFont.html
Con quelle impostazioni, il testo h3 viene molto piccolo con le lettere molto vicine. Così non mi sembra molto adatto per la leggibilità.
Cordiali saluti.
-
Ho applicato il seguente CSS aggiuntivo a tutti i titolo del sito tm-online.it
h3 {
font: bold 12px/1.5 barlow, black,;
line-height: 1;
background: #fff;
letter-spacing: -1px;
font-weight: 1000;
}
line-height e font-weight non danno nessun effetto su h3
vorrei ridurre l'interlinea e rafforzare il peso del font
PS: da notare che funziona invece per i titoli presenti nella sidebar
-
Provi ad applicarlo anche in entry-title, così;
Codice:
h3.entry-title {
font: bold 12px/1.5 barlow, black,;
line-height: 1;
background: #fff;
letter-spacing: -1px;
font-weight: 1000;
}
Cordiali saluti.
-
No, niente. Se provo a modificare la prima riga mi toglie anche il letter-spacing.
-
La modifica del letter-spacing la si fa senza problemi, la line-height proprio non ne vuol sapere!!!
-
Riprovi aggiungendo uno spazio tra h3 e .entry-title.
Cordiali saluti.
-
Niente...
La cosa curiosa è che qualsiasi tipo di modifica provi a fare, oltre a non funzionare annulla l'efficacia del letter-spacing.
E comunque il problema interlinea risulta evidente soprattutto su mobile