Visualizzazione dei risultati da 1 a 2 su 2
  1. #1
    Utente di HTML.it
    Registrato dal
    Nov 2015
    Messaggi
    1

    Font-family non funziona

    Ciao a tutti,
    Ho appena iniziato a studiare i css e sicuramente risulterà una banalità, ma non riesco a capire dove sia l'errore in questo codice:
    HTML

    <head>
    <title>CSS font-family</title>
    <link rel="stylesheet" href="font-family.css"/>
    </head>
    <body>
    <header>
    <h1>CSS font-family</h1>
    <hr/>
    <h2 class="commenti">font-family</h2>
    <hr width="300px" align="left"/>
    </header>
    <p class="serif">paragrafo in serif</p>
    <p class="sansserif">paragrafo in sans serif</p>
    <p class="monospace">paragrafo in monospace</p>
    <p class="cursive">paragrafo in cursive</p>
    <p class="fantasy">paragrafo in fantasy</p>
    <hr/>
    </body>

    CSS

    @charset "iso-8859-1";
    h1{color:white;background-color:black;}
    .commenti{color:blue;background-color:yellow;}
    .serif{
    font-family:"Times new roman","Times",serif;
    }
    .sansserif{
    font-family:"Verdana",sans-serif;
    }
    .monospace{
    font-family:"Courier new",monospace;
    }
    .cursive{
    font-family:"Florence",cursive;
    }
    .fantasy{
    font-family:"Blippo",fantasy;
    }


    Così com'è, solo la stringa in monospace viene visualizzata correttamente.
    In cosa sbaglio?
    Grazie mille per qualsiasi aiuto. Ho appena iniziato, e non vorrei trascinarmi avanti dei problemi man mano che proseguo lo studio.

  2. #2
    Utente di HTML.it
    Registrato dal
    Nov 2015
    residenza
    TORINO
    Messaggi
    37
    Ciao,
    La precedenza delle famiglie ce l'ha prima. Quindi nella classe .serif, devi mettere serif per prima e così anche
    nell'altra.
    Vedi nella mia url di utente un bel corso html5 css dove si spiegano tutte queste cose.

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.