Hi,
I am fairly new to CSS but what I have learned I absolutely love. I really want my menu text to look good and not jaggy but I do not want to go the graphics route.
I am working on a PC at resolution of 1280x1024.
I have tried using the following fonts just to see if I can make ANY of them look good but have failed and am not sure why
:
Arial, Verdana, Trebuchet.
I have all these fonts installed on my machine so I cannot understand why they look so bad. I go to a site like this one:
CSS Playground (<!-- m --><a class="postlink" href="http://www.stunicholls.myby.co.uk/menu/animation.html#">http://www.stunicholls.myby.co.uk/menu/animation.html#</a><!-- m -->)
His menu text looks beautiful. How does he do it? I noticed he uses measurements of em and percentages rather than pixels. Is that what makes the difference?
Would someone mind telling me how to achieve this or even just point me in the right direction?
Thanks a bunch in advance for any and all help. I really appreciate it.
Notice his external CSS file. This is what you are probably after:
body {text-align:center; font-family:"trebuchet ms", trebuchet, arial, sans-serif; font-size:76%; background:#fff; padding:0; border:0; margin:0; border-bottom:2em double rgb(192,97,10);}
font-size:76%; is probably the key factor you are looking for.
I am fairly new to CSS but what I have learned I absolutely love. I really want my menu text to look good and not jaggy but I do not want to go the graphics route.
I am working on a PC at resolution of 1280x1024.
I have tried using the following fonts just to see if I can make ANY of them look good but have failed and am not sure why
:Arial, Verdana, Trebuchet.
I have all these fonts installed on my machine so I cannot understand why they look so bad. I go to a site like this one:
CSS Playground (<!-- m --><a class="postlink" href="http://www.stunicholls.myby.co.uk/menu/animation.html#">http://www.stunicholls.myby.co.uk/menu/animation.html#</a><!-- m -->)
His menu text looks beautiful. How does he do it? I noticed he uses measurements of em and percentages rather than pixels. Is that what makes the difference?
Would someone mind telling me how to achieve this or even just point me in the right direction?
Thanks a bunch in advance for any and all help. I really appreciate it.
Notice his external CSS file. This is what you are probably after:body {text-align:center; font-family:"trebuchet ms", trebuchet, arial, sans-serif; font-size:76%; background:#fff; padding:0; border:0; margin:0; border-bottom:2em double rgb(192,97,10);}
font-size:76%; is probably the key factor you are looking for.