Bullets in Mac browsers

G

Guest

I've used a WP TypographicSymbols bullet in my website, which isn't using a FP theme, and this bullets appears as a $ on some browsers, particularly Mac ones. I use Internet Explorer and the bullets look fine when I view my website

Is there a different, non-theme bullet I can use that will display more uniformly

Capt. Ada
Even Keel Sailing LLC
 
J

JL Amerson

Stick to the symbols in common fonts - Times New Roman, Arial, Courier New.
If you use something "fancy" you may find they are not available on
everyone's computers and will be substituted with something else.

I found the following at http://www.echoecho.com/ubb/viewthread.php?tid=577:

First a list of compatible MAC/WIN fonts:

Generic Family: Serif
.............................................................................
............................................
Common Macintosh Fonts: Times, New Century Schoolbook, Palatino
Common Windows Fonts:Times New Roman, Georgia
.............................................................................
............................................

Generic Family: Sans-serif
.............................................................................
............................................
Common Macintosh Fonts: Helvetica, Arial, Verdana
Common Windows Fonts: Arial, Tahoma, Verdana
.............................................................................
............................................

Generic Family: Monospace
.............................................................................
............................................
Common Macintosh Fonts: Courier
Common Windows Fonts:Courier New
.............................................................................
............................................

Generic Family: Cursive
.............................................................................
............................................
Common Macintosh Fonts:none
Common Windows Fonts:none
.............................................................................
............................................

Generic Family: Fantasy
.............................................................................
............................................
Common Macintosh Fonts:WingDings, Symbol
Common Windows Fonts:WingDings, Symbol
.............................................................................
............................................




For another overview of supported fonts on windows systems look at this
page:

http://www.bjoernsworld.de/css/windows-schriften.html

Capt. Adam said:
I've used a WP TypographicSymbols bullet in my website, which isn't using
a FP theme, and this bullets appears as a $ on some browsers, particularly
Mac ones. I use Internet Explorer and the bullets look fine when I view my
website.
 
J

Jon Spivey

Hi,
if you want something beyond the standard bullets, ie disc/circle/square
it's probably best to make the bullet in your graphic program and then apply
it with CSS -
<style type="text/css">
ul{
list-style-image: url(YourBullet.gif);
}
</style>

This way you can be sure your bullets will look the same in any browser

--
Cheers,
Jon
Microsoft MVP - FP

Capt. Adam said:
I've used a WP TypographicSymbols bullet in my website, which isn't using
a FP theme, and this bullets appears as a $ on some browsers, particularly
Mac ones. I use Internet Explorer and the bullets look fine when I view my
website.
 
J

Jimmy

Hi,
if you want something beyond the standard bullets, ie disc/circle/square
it's probably best to make the bullet in your graphic program and then apply
it with CSS -
<style type="text/css">
ul{
list-style-image: url(YourBullet.gif);
}
</style>

This way you can be sure your bullets will look the same in any browser


I'd disagree wit the CSS use. If you want serious cross-platform
support then stay away from CSS and just insert the image. You'll get
much better compatibility.
 
J

Jon Spivey

Hi Jimmy,

Setting a bullet image with CSS will work on ~95% of browsers you're likely
to encounter - it's very basic stuff. Any browser that doesn't understand it
will just ignore it and render a normal bulletted list without the graphic.

One can always say don't use CSS because your site will look different to
the 1 guy still using Netscape 3 - I'd say the world has moved on a little
:)
 
J

Jimmy

One can always say don't use CSS because your site will look different to
the 1 guy still using Netscape 3 - I'd say the world has moved on a little
:)

Actually, NN4 cannot use the bullet either. It will fall back to a
standard bullet. When there is an alternative that works just as
well for a nearly universal audience, I go with the alternative.
 
J

Jon Spivey

Yes - I should have said the 1 guy using Netscape 3 plus the 2 guys and 1
woman using Netscape 4 :)

Wether the alternative (a plain old bullet) works just as well depends on
your design goals - if it does go with it, if not don't get hung up because
your site doesnt look exactly the same to every browser on every platform.
 
J

Jimmy

Yes - I should have said the 1 guy using Netscape 3 plus the 2 guys and 1
woman using Netscape 4 :)

Yeah... I hear you. It's some of the Mac crowd and some of
the Unix/Linux folks. Again, I like to err on the side of safety
when there's an alternative. Next year I might change tunes :)
Wether the alternative (a plain old bullet) works just as well depends on
your design goals - if it does go with it, if not don't get hung up because
your site doesnt look exactly the same to every browser on every platform.

You'll never get the same look on all platforms, that's for sure.
But, I still can't buy in to the CSS only purists who believe that
now's the time. There are too many differences among the common
browsers to make full scale use realistic. MHO, there are others.
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Top