TronWeb

Il Web Developing a portata di studente

CSS3

Benvenuto nella pagina del corso di CSS3. Qui troverai gli argomenti svolti a lezione. Cerca quello che ti interessa qui sotto:

Il font-family

#vetrina{
  font-family: "Arial";
}
#vetrina.prodotto1{
  background-image: url("./p1.jpg");
}

 

I font installati sui PC degli utenti non sono gli stessi per ognuno. Il set di caratteri a disposizione dipende da molte variabili, come ad esempio il sistema operativo (Windows, Mac, Unix, …), eventuali software installati (Office e pacchetto Adobe su tutti) e caratteri installati manualmente.

Quando bisogna scegliere il carattere per alcune pagine, quindi, bisogna tener conto che non tutti gli utenti avranno installato un certo font sul proprio PC. La prima soluzione a questo problema consiste nell’utilizzare i cosiddetti caratteri “web-safe” (Verdana, Georgia, Times New Roman, etc.), ovvero un set di caratteri compatibili con tutti i sistemi operativi. Questo soluzione già garantisce buona compatibilità della pagina con la maggior parte dei sistemi.

Per garantire, invece, alternative valide a tutti i sistemi in maniera da rendere compatibile la pagina in qualunque situazione, è consigliato fare uso della tecnica denominata font-stack.

Come ben sappiamo, la proprietà font-family del CSS consente di inserire più di un solo font al suo interno, come nel seguente esempio: