Once again, I'm formatting ad spaces on my website to improve user experience. One thing that intrigues me is the font. For years, I've always stuck to the standard Arial font for all text on my webpages, but now I think for labeling ads, Arial doesn't cut it.
I have two color variants on my websites. One is where theres black text on an almost-white background, and the other is white text on a black background. The reason why I use the latter as well is because its primarily a picture viewer with options in white text since the focus is the picture.
Because my site is run with advertising and I deal with a host of screen sizes including small ones from mobile, I need to limit the real estate to ads, and using the Arial font at about 80% size increases the need for the height of those ads by at least 10 to 20%.
For compatibility reasons, I don't want to use CSS to load a random font from the web on the fly and make the browser use that. Instead I want to use a standard font better than Arial that all browsers will understand and that will stand out as clean white text on black. I'm thinking courier, but I'm unsure what is best.
The reason why I ask is because I want to limit the real estate given to the ad. I want to try to make the ad height total (including the label) less than 60 pixels high while having the word "advertisement" very visible to the almost-blindest person.
I can't ditch the label because I don't want to be in trouble for misleading labels.