New answers tagged typography
Quick note, 'Shopping Cart' it typically two words. So you actually are dealing with 3 words. I think you reducing the size is fine, but... ...keep in mind that word wrapping is not something that should be a focus. The web is flexible. That's one of the great things about it. And part of that flexibility is not having 100% control over typography. ...
You could simply replace the word with the shopping icon. It simply becomes a symbol for the words you want in that space and is more of a universal graphic to convey the same information. On smaller screens your options are either making your text smaller (which can hamper legibility depending on the font especially) versus the layout you want.
There is a clear distinction: Helvetica is a type family. Helvetica Bold is a typeface. 12pt Helvetica Bold is a font. I remember the definition this way: Family > Face > Font
There isn't a clear difference. There is no hard-and-fast definitions of the two. As other's have pointed out, common usage is that the font is specific to a set of actual letters (be it physical or digital) and typeface is the overall design (that would usually be applied to a number of fonts as a family). A physical example would be: Futura Bold 12pt ...
Top 50 recent answers are included