Stili Font

Per specificare le caratteristiche utilizzate più frequentemente

  1. font-family
  2. font-size
  3. font-style
  4. font-weight
  5. line-height

si utilizza una scrittura abbreviata con font seguito dall’elenco di proprietà

Purtroppo il risultato effettivo dipende dall’ordine (?) delle proprietà e dal browser (?), bisogna quindi controllare il risultato…

Meglio non abusare degli stili del testo perché la risoluzione del browser è notevolmente minore della carta stampata e la leggibilità peggiora di conseguenza.


Font-family

Si specifica il nome del tipo di carattere con la possibilità di indicare delle alternative

Nel caso in cui la macchina non fosse dotata del primo font utilizzerà il secondo, poi il terzo, …, altrimenti sceglierà, tra quelli installati, il più simile.

Le famiglie generiche di font sono le seguenti

  • serif, con grazie
    times roman, palatino, garamond, serif
  • sans-serif, senza grazie
    arial, verdana, helvetica, tahoma, ...
  • monospace, a spaziatura fissa
    courier, ...
  • cursive, manoscritti
  • fantasy, decorativi

Si consiglia di specificare prima il carattere desiderato, poi un’alternativa accettabile e infine il nome generico per la famiglia a cui appartiene.


Font-size

Si può dimensionare il tipo di carattere scegliendo tra diverse unità di misura

  • pt, punti (di stampa)
  • in, pollici (sistema anglosassone)
  • cm, centimetri (sistema internazionale)
  • px, pixel
  • em, percentuale relativa alla dimensione dell’elemento parent
  • xx-small x-small small medium large x-large xx-large, misure predefinite
  • smaller larger, misure relative

Font-style

Gli stili del testo sono pochi, per ora …

  • normal, stato di default
  • italic, corsivo
  • oblique, obliquo…

Font-weight

Si tratta dello spessore e non del peso… image

  • lighter bolder, misure relative a…
  • 100 200 300 400 normal 500 600 700 bold 800 900, grandezze ordinate

Alcuni pesi, applicati a certi font, potrebbero dare risultati identici.

Notice: This work is licensed under a BY-NC-SA. Permalink: Stili Font

Comments are closed.