If you have more than one platform available to you (for example a Windows machine, a Mac, or an Android phone), you can see this for yourself by pulling up this site on each and comparing the font styles. Compared to the original typeface, this style offers a much more sleek design. They look gorgeous! The site adopts the feel of the OS, making it feel “just right” on the host platform.Ĭomic Sans is my favorite programming font. Its possible in CSS to invoke system UI fonts in web pages: font-family: system-ui results in Segoe on Windows, San Francisco on macOS, and Roboto on. Arial Narrow is one out of 38 styles of the Arial font family.There’s no external font to download during page load.This snippet (in particular, the system-ui part) instructs the browser to use whatever font is native to the OS. While building the Jekyll template for the latest iteration of my website (the site you’re on now), I discovered a new CSS trick: font-family: -apple-system, system-ui, BlinkMacSystemFont,
