Visualizzazione risultati 1 fino 8 di 8

Discussione: Interlinea e font titoli

  1. #1
    trentinomese non è connesso Utente AlterBlog
    Data registrazione
    15-01-2021
    Messaggi
    52

    Predefinito 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
    Ultima modifica di trentinomese : 27-03-2021 alle ore 07.10.34

  2. #2
    GraphOGLRisorse non è connesso AlterGuru 2500
    Data registrazione
    14-02-2015
    Messaggi
    3,994

    Predefinito

    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.

  3. #3
    trentinomese non è connesso Utente AlterBlog
    Data registrazione
    15-01-2021
    Messaggi
    52

    Predefinito

    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

  4. #4
    GraphOGLRisorse non è connesso AlterGuru 2500
    Data registrazione
    14-02-2015
    Messaggi
    3,994

    Predefinito

    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.

  5. #5
    trentinomese non è connesso Utente AlterBlog
    Data registrazione
    15-01-2021
    Messaggi
    52

    Predefinito

    No, niente. Se provo a modificare la prima riga mi toglie anche il letter-spacing.

  6. #6
    trentinomese non è connesso Utente AlterBlog
    Data registrazione
    15-01-2021
    Messaggi
    52

    Predefinito

    La modifica del letter-spacing la si fa senza problemi, la line-height proprio non ne vuol sapere!!!

  7. #7
    GraphOGLRisorse non è connesso AlterGuru 2500
    Data registrazione
    14-02-2015
    Messaggi
    3,994

    Predefinito

    Riprovi aggiungendo uno spazio tra h3 e .entry-title.

    Cordiali saluti.

  8. #8
    trentinomese non è connesso Utente AlterBlog
    Data registrazione
    15-01-2021
    Messaggi
    52

    Predefinito

    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
    Ultima modifica di trentinomese : 29-03-2021 alle ore 14.47.08

Regole di scrittura

  • Non puoi creare nuove discussioni
  • Non puoi rispondere ai messaggi
  • Non puoi inserire allegati.
  • Non puoi modificare i tuoi messaggi
  •