Sintassi

Significato dei valori principali:

• nome-font: Il nome specifico del font da applicare (es. "Arial", "Georgia"). Se il nome contiene spazi, deve essere racchiuso tra virgolette.

• fallback: Uno o più font alternativi, separati da virgole, nel caso il primo non sia disponibile. È buona pratica terminare la lista con una famiglia generica: serif, sans-serif, monospace, cursive, fantasy, system-ui.

Esempio proprietà: font-family

Codice Esempio: font-family

CODE: CSS

1. .font-family-example {

2.   font-family: "Georgia", "Times New Roman", serif;

3.   background-color: #f0f0f0;

4.   color: #333;

5.   padding: 20px;

6.   font-size: 22px;

7.   border: 2px dashed #888;

8.   border-radius: 8px;

9.   text-align: center;

10. }

Contenuto Esempio: font-family

  
  <style>
    .font-family-example {
      font-family: "Georgia", "Times New Roman", serif;
      background-color: #f0f0f0;
      color: #333;
      padding: 20px;
      font-size: 22px;
      border: 2px dashed #888;
      border-radius: 8px;
      text-align: center;
    }
  </style>
  
  <div class="font-family-example">
      Questo testo usa il font "Georgia", con fallback su "Times New Roman" e "serif".
  </div>
  

Note:
Le indicazioni dei Browser supportati sono superate grazie alla loro costante evoluzione, si consiglia di verificare la compatibilità dei vari browser eseguendo il test cliccando qui sotto.

Supporto Browser