Someone suggested I post in here as I’ve just shown a couple of people in the Pit how to customise the SDMB’s fonts using user style sheets, which are supported by most modern browsers. This means people can change the fonts they see on the SDMB without affecting anyone else. There follow examples for how to make Verdana the default body text font for Firefox, Opera and IE7.
Firefox:
Install the Stylish extension, then restart Firefox and open up an SDMB tab. In the very bottom right hand corner, click the little icon that looks like a paintbrush on a page (or something), and select “write style … for boards.straightdope.com”. You’ll get a text entry box with a couple of lines filled out already; ignore them. Just paste the following at the end of the box, click “preview” to check it works, then click save.
body,td,th,p,li
{
font-family: Verdana, "Trebuchet MS", Arial, Tahoma !important;
}
Opera:
Open a text editor, paste the same code from above in to it, and save the file as “sdmb.css” (or similar) somewhere you won’t lose it. Open up an SDMB tab, right click on the page and select “Edit site preferences”. Go to the “Display” tab and you’ll see a file select box for “my style sheet”. Choose the sdmb.css file you just saved, and click “ok”.
IE7:
Open a text editor, paste the code below into it, and save it as “sdmb.css” (or similar) somewhere you won’t lose it. Then in IE7 go to “Tools … Internet Options”, and hit the “accessibility” button at the bottom right of the options dialog. Check the option to “format pages using my stylesheet”, and select the sdmb.css file that you just saved. Restart IE.
/* Main post listing */
div#posts div.page div.tborder div.alt1,div.alt2 {
font-family: Verdana, "Trebuchet MS", Arial, Tahoma !important;
}
div#posts div.page div.tborder pre.alt2 {
font-family: Courier New, Courier, monospace !important;
}
/* Preview box */
div.page table.tborder td.alt1,td.alt2 {
font-family: Verdana, "Trebuchet MS", Arial, Tahoma !important;
}
div.page table.tborder pre.alt2 {
font-family: Courier New, Courier, monospace !important;
}
Others:
Safari also supports per-site user style sheets, but I don’t use it so don’t know how to apply them. Look it up in the help, then use the code from the Firefox example. I haven’t tested it in Safari, obviously.
Other fonts:
If you want something other than Verdana, the way it works is that the “font-family” line defines which fonts you want in order of preference. So in the examples above, the browser will display Verdana if it can find it, otherwise it’ll fall back on Trebuchet, Arial and Tahoma in that order. So just put your preferred font at the start of the list, remembering to separate the names with commas.
Caveats:
Those using IE7 might discover that other sites are changed, since IE applies just the one custom sheet to all sites; that’s why the code is different, to try and affect only the SDMB. It’s pretty unlikely, though; the most likely to be affected are other sites running similar versions of vBulletin.
Oh yeah: Important! Remember you’ve now customised your SDMB experience in a way which the admins have no control over. If something is displaying weirdly, please disable your custom style sheet and restart your browser before posting here about potential bugs. While I don’t think my code above should cause any more problems (the IE stuff is more complicated because I had to fix the [****code] tags, which no longer rendered properly), I make no guarantees.
Anyway, enjoy. 