/    Sign up×
Community /Pin to ProfileBookmark

[RESOLVED] CSS Font Issue – Always Bold???

Copy linkTweet thisAlerts:
Dec 19.2008

Hi CSS Pros….

This has been driving me crazy for the last few days and I need help.

For some reason the default body font for this site I’m working on is showing up bold and distorted on multiple computers. Not all computers though…I actually looks fine on my computer.

Here is how I am setting up the fonts:

[CODE]
* {padding: 0; margin: 0; border: none; line-height: normal; letter-spacing: normal; font-family: arial;}
body {font-size: 62.5%; font-family: Arial, Helvetica, sans-serif;}
#interior_content p {font-size: 1.5em; letter-spacing: 1px; padding: 0 0 20px 38px; width: 580px; float: left; line-height: 1.5em; font-weight: normal;}
[/CODE]

Could you guys take a look and let me know if the main body text looks bold and distorted for you as well? For me the fonts are much clearer and thin.

[url]http://terranceelectric.com.s51362.gridserver.com/about.php[/url]

Here is a screenshot from the client:
[url]http://terranceelectric.com.s51362.gridserver.com/font1.png[/url]

Thanks so much for you help!!

Joe

to post a comment
CSS

5 Comments(s) ↴

Copy linkTweet thisAlerts:
@FangDec 19.2008 — Your client's text is bolder than 'normal'. It could due to his monitor settings.

Try setting the base font in px rather than %, then other sizes in em as you have done.
Copy linkTweet thisAlerts:
@joseph_liuauthorDec 19.2008 — Thanks for the tip Fang.

I set the base font size to 10px and they are still seeing the same issue.

Is there something wrong with using #FFF color text on a dark background?? I thought that might have something to do with it...

Any other thoughts?

Thanks!
Copy linkTweet thisAlerts:
@KorDec 19.2008 — I suspect your client has set his browser in a certain accessibility mode. It is also possible for him to have changed his display to a high contrast mode. Or maybe he has an out-of-order display/browser. Tell the client that it is not important how [I]he [/I]sees the document, it is important how [I]the large majority[/I] of the users sees it.
Copy linkTweet thisAlerts:
@FangDec 19.2008 — Other less likely causes; an old version of Opera or the browser has overridden the font-face.
Copy linkTweet thisAlerts:
@joseph_liuauthorDec 20.2008 — Thanks for all the tips guys....I thought I was going crazy for a second.

Have a great weekend!

Joe
×

Success!

Help @joseph_liu spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 5.18,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...