Default Font
Saturday, June 13th, 2009
We have had our web experience controlled by the sites we visit for so long that for a lot of us, the web browser defaults no longer even come in to play when controlling what the text on a web page looks like, except in the case where we want to override whatever choice the site we are visiting has made.
This isn’t a rant. I actually think, by and large, that this is a good thing. CSS (or Cascading Style Sheets) allows precise control over the overall look of web sites, and when you are trying to walk that line between clean and detailed, CSS can be the razor that keeps your site from looking too busy or too cluttered. There are many precise tweaks that can enhance the presentability of a site, like the vertical spacing between lines of text.
But, as you have no doubt noticed, this site doesn’t employ CSS to force a particular font type, size, style, or color. Those are all left up to the choices you have made in your browser settings, and if you are anything like me, you probably haven’t even looked at your browser font defaults for years.
Then end result? 10-point Times New Roman, with blue unvisited links and purple visited links.
If you absolutely hate serif fonts (fonts that have little twiddly bits on the letters like Times New Roman), take a moment to go in to your settings and select a different font that is more pleasing. You can choose any font that you have installed, from Helvetica (or Arial for you Windows folks) to something more exotic like Calibri on Windows (the new MS Office default font) to Monaco on the Mac.
All the browsers except Chrome have a font setting in their options. Google Chrome, created with minimalism in mind, forces you to edit a configuration file to change your font defaults. I found where this configuration resides from a Chrome Help Discussion Board:
Using text editor to open:
...\Documents and Settings\User_Name\Local Settings
\Application Data\Google\Chrome\User Data\Default\Preferences
You will find the "webkit": { "webprefs": { in the file.
Those settings are for WebKit.
In my setting example:
"webkit": {
"webprefs": {
"default_fixed_font_size": 11,
"default_font_size": 12,
"fixed_font_family": "Bitstream Vera Sans Mono",
"minimum_font_size": 12,
"minimum_logical_font_siz": 12,
"sansserif_font_family": "Times New Roman",
"serif_font_family": "Arial",
"standard_font_is_serif": false,
"text_areas_are_resizable": true
}
}
The minimum_font_size and minimum_logical_font_size prevent Chrome to use
very small font size for display.
Remember to close Chrome first before you edit the file, or the file you saved
will be overwritten by Chome after exiting.
If Google Chrome has the most annoying default font configuration, Safari 4 possibly has the best. Not only is it easy to find, but if you are viewing a page that uses the default browser font (like this one) selecting a font will immediately update the page with that font, allowing you to see immediately if it’s a good choice or not.
Of course, as more and more sites adopt CSS-heavy themes in an attempt to give you a unique and identifiable look, these settings become less relevant. Maybe that’s the lesson we can take away about Chrome – they’ve already decided that default fonts should be set once (by the developer) and forgotten.


