Στην τυπογραφία, διαφορετικές μονάδες χρησιμοποιούνται για διαφορετικά μέσα. Τα points και picas προέρχονται από την εκτύπωση, ενώ τα pixels κυριαρχούν στις οθόνες και στο CSS.

Point (pt)

Το point είναι βασική μονάδα μεγέθους γραμματοσειράς στην εκτύπωση. Στο τυπογραφικό σύστημα PostScript, 1 pt = 1/72 της ίντσας. Άρα ένα σώμα 12 pt σημαίνει ότι το μέγεθος αναφοράς της γραμματοσειράς αντιστοιχεί σε 12/72 in.

Pica (pc)

Η pica χρησιμοποιείται συχνά για πλάτη στηλών και διάταξη σελιδοποίησης. 1 pica = 12 points, δηλαδή 1/6 της ίντσας. Επαγγελματικά εργαλεία σελιδοποίησης επιτρέπουν συχνά μέτρηση σε picas για γρήγορο grid.

Pixel (px)

Το pixel είναι μονάδα οθόνης και στο web αντιστοιχεί στο CSS pixel, όχι πάντα σε ένα φυσικό pixel πάνελ. Σε οθόνες υψηλής πυκνότητας (retina), ένα CSS px μπορεί να χαρτογραφείται σε πολλαπλά φυσικά pixels.

  • 1 in = 72 pt
  • 1 pc = 12 pt
  • CSS px είναι λογική μονάδα απόδοσης

Για σύγχρονο UI, οι designers χρησιμοποιούν συνήθως px/rem στο web και pt/pica σε έντυπα, διατηρώντας οπτική συνέπεια με δοκιμές σε πραγματικές συσκευές και εκτυπώσεις.