Unless you think that Impact and Papyrus look alike (they don’t), I would stay away from font-family: fantasy for now.įont-family: cursive is a little better, but not much.
#One piece wanted font windows#
Shout out to whoever changed `font-family: serif` from Times New Roman to the Korean typeface Batang in IE9 and IE10 - Zach Leatherman September 22, 2014įont-family: fantasy is aliased to four different typefaces across six different browsers on Windows 7, and three different typefaces across four different browsers on Windows 8. On Windows, default fonts are a free-for-all, even between versions of their own browser, Internet Explorer. If you’re gonna use font-family: fantasy on an Apple device, it’s gonna be Papyrus (stylistically probably a bad choice, but at least it’s consistent).
#One piece wanted font mac os#
Predictably, many browsers defer to the default web browser’s default fonts, especially on Mac OS and iOS (Safari). Browsers have made their own decisions about what the defaults should be and boy do they vary. This is where browsers diverged from operating system standards into browser specific behavior. They are serif, sans-serif, monospace, and the lesser known fantasy and cursive. Font Family Reunion will also tell you what the five standard CSS keyword font-families are aliased to in each operating system. Default Keywords are Browser Madness #īut that’s not all. Running the test page on a bunch of devices and virtual machines gives us a nice list of results: the default installed fonts. I used Browserstack for most of this, as well as one of the best perks of working at Filament Group, a home device test lab. The test page then iterates through the list and tests over 1000 different font family names to see if the current browser supports them. Also, most operating systems actually publish a list of installed fonts on the web in their support pages, so I compiled one big giant list of font families from a bunch of these sources. If you have access to the shell on the host operating system, *nix machines provide a fc-list command to retrieve a list of installed fonts. There is no API through which you can retrieve a list of all the installed fonts, so I had to compile a list manually. If you’re curious how fontfaceonload works internally, documentation is available on GitHub.īut there was another hurdle. Of course, none of this is necessary if you have the CSS font loading API available to you, but I wanted to test operating system and web browsers that were older than the newly minted native API. It only required a few minor tweaks in order to test local fonts in addition to remote fonts. You might remember this utility from my research into icon fonts. I already had a very nice head start, having built my own utility ( fontfaceonload) to test if remote web fonts had loaded successfully. What I really wanted was a for default local fonts. There wasn't an easy way to lookup default font lists for different operating systems, especially not specifically for ones that needed to be available through CSS font-family. For the second question, things were more ambiguous. Turns out the brand standards were not really strict, as Chris informed me later-a fallback sans-serif webfont would work fine.
![one piece wanted font one piece wanted font](https://i.pinimg.com/originals/4d/b7/82/4db7826a8caadc7d7de80b0fe9ab4d1b.jpg)
![one piece wanted font one piece wanted font](https://images-eu.ssl-images-amazon.com/images/I/51Kc41tLCXL._SL500_AC_SS350_.jpg)
Go directly to Font Family Reunion or read more about it:įor my last side project I decided to redo the iconic W3C specification status banners using CSS.