Typeface dating game
Just like characters from real life, it’s all about finding what works well together for a loving relationship.
Type Connection allows you to play Cupid and match fonts with each other. You may be playing the angel, but there are a lot of takeaways for you as well – learn typographic terminology, type history, and of course, the right pairings.
Typeface - the specific weight or instance of a particular family. When it came to the digital world, the terms began to become much less specific.
One could argue that typeface refers to the 'design' and font refers to the 'code' these days, but there's no hard-and-fast rule regarding that.
Shape Type is a game that is more difficult than the one above.
When referring to the design of the collection (the way it looks) you call it a typeface.
A typeface family or font family refers to a related collection of typefaces or fonts.
The bottom line: Typographic terms, in general, have fuzzy definitions and the team at the W3C that created CSS styles and attributes didn't necessarily come from typographic backgrounds when they came up with their terms and definitions.
Since you're asking about web specifically: no, there's no wide consensus on the definition of these terms.
Search for typeface dating game:
I am confused by the way these terms are used in the context of typography for web applications?