A font refers to a specific style and design of a typeface. It is a single, individual variation of a typeface.
Fonts come in various styles, such as Arial, Times New Roman, Helvetica, or Satoshi. Each of these styles has its own unique characteristics, like the shape of letters, spacing, and thickness.
A font family, on the other hand, is a group or collection of related fonts. These fonts share a similar design concept, but they come in different styles and variations. For example, the "Satoshi" font family might include Satoshi Regular, Satoshi Italic, Satoshi Bold, and Satoshi Bold Italic.
These different styles within the same family maintain a consistent look and feel but vary in thickness, slant, or other design aspects.
The Mozilla Developer Network provides a rough mapping to typical font weight names. (Source: Wikipedia)
|Thin / Hairline||100|
|Ultra-light / Extra-light||200|
|Normal / regular||400|
|Semi-bold / Demi-bold||600|
|Extra-bold / Ultra-bold||800|
|Heavy / Black||900|
|Extra-black / Ultra-black||950|