(x) What is it? / CSS fonts for Botanica Atlanta - Arial, Helvetica, Verdana {Jan, Tamas, Nick Curtis}

botanica
8.Feb.2010 12.10pm
botanica's picture

This should be a very easy one. I just need to know the font or fonts (if they are different) on my web page. The font is part of a template which I cannot change and there's no way for me to know exactly what it is (I don't know much about fonts, otherwise I would ID it myself).

What I need to know is the font that is used at the top of each page where it says "Botanica Atlanta Landscape Design", the font used to the right at the top of the page where it says, in small letters, "Landscape Design, Construction & Maintenance", and the font used in the navigation menu on the left of the page.

I have multiple fonts on this website and I want to change that so at least most of the text matches the headline font. Here's the address:

http://www.botanicaatlanta.com

Thank you,
Stuart

First one is Times.
Small one is Verdana (at least that’s what my browser shows).


The css property for 'Botanica Atlanta Lanscape Design' says
0.8em Arial,Helvetica,sans-serif

The design, construction & mainetnance one is indeed Verdana according to the css.


"The css property for 'Botanica Atlanta Lanscape Design' says
0.8em Arial,Helvetica,sans-serif"

Thanks. But what does this mean? Those are three different fonts, correct? Which one is it? Or is it Times like Jan said?


"The css property for 'Botanica Atlanta Lanscape Design' says
0.8em Arial,Helvetica,sans-serif"

Thanks. But what does this mean? Those are three different fonts, correct? Which one is it? Or is it Times like Jan said?

It all depends: if you have a PC, you will most likely see Arial; on a Mac, Helvetica; on Linux, maybe one or the other, or maybe something completely different, but definitely sans serif. If you want a definitive answer, grab a screenshot so we see what you see.


Huh?
This is what I see:


I most assuredly see Arial there, Jan. Maybe your local browser settings override the site css?


Thanks. But what does this mean? Those are three different fonts, correct? Which one is it? Or is it Times like Jan said?

Your browser will check the availability of those fonts on your computer in the order specified in this CSS property and display the element using the first font that is available. If you've got neither Arial nor Helvetica installed, then it will default to whatever sans-serif font is set as default on your machine.


OK. Proportional is set to serif.
Serif was set to times, is now set to Georgia.
(All Firefox 3.6)
Et violà:


Bad css.


Want another one?
Serif set to ...:


:)
and what's sans-serif set to in your Firefox?

I've checked in Opera 10.10 and IE6 and both show Arial.


Sans was set to Helvetica.
(I switched to Verdana now.)
Times for serif and Helvetica for sans seems to be the default setting for Firefox on a Mac.
So, this page seems to go for the standard proportional font defined in the Firefox settings. Bad CSS.


Safari does it right: