Mulish
Mulish (£12gIl&@%? fi fl)
Mulish (£12gIl&@%? fi fl)
Mulish (£12gIl&@%? fi fl)
Alan says, "Mulish—clear individual letter-forms, italics, and mono-spaced numerals. This one is a winner!"
A real-time patho-physiological simulator with embedded ANNs (artificial neural networks). A work in progress.
This page (apart from the header and footer) is rendered using a single variable typeface - "Mulish".
Mulish, as with all the fonts implemented on this page, is impressively clear at small sizes and keeps an attractive shape with decent kerning throughout the weight-range.
Google will serve an equivalent range of non-variable fonts to those browsers that do not support variable-fonts.
Mulish should be suitable for information-dense web pages containing multiple areas of formatted text: paragraphs, tables, etc.
This paragraph is normal width at a weight of 400. This sentence has class "bold" causing a relative increase in weight.
A full, print-friendly, font.
Numerals: vertical alignment & character spacing / kerning 1234567890
£1,111.11 |
£8,888.88 |
Varying width (---)
OK, here's some experimentation with CSS for tables and interface elements. All light-on-dark for an extra challenge in legibility! (weight 300)
I guess the basic question is: can you do a professional-looking website using only a single variable font? (weight 600)
Top LeftCell 1 | Cell 2: 2px padding, tiny font & whole cell is clickable! |
Cell 3. Let's pad this one to 8px, add a rounded border and some text—and see how well it works (all cell clickable). |
Bottom RightClass = small (font size)Button 1 Button 2 |
- One
- Two
- One
- Two
And the answer is definitely! And that website will be faster because of the reduced overall font-file size, bandwidth, and memory requirements.