/    Sign up×
Community /Pin to ProfileBookmark

Fonts Displaying Too Bold!

Copy linkTweet thisAlerts:
Nov 05.2009

Hello – I have had this problem before, and I am mystified. For a site I am working on: I have the navigation links in a <ul>. I pretty much just want them to display as thin/light as possible in a sans-serif font. But no matter what font or size I try, or how many places in the style sheet I write {font-weight: 100;} or {font-weight: lighter;}, the links display stupidly bold – in every browser I have.

[URL=”http://mahiaicreative.com/temp_site/”]http://mahiaicreative.com/temp_site/[/URL]

Am I overlooking something super obvious?

to post a comment
CSS

2 Comments(s) ↴

Copy linkTweet thisAlerts:
@ssystemsNov 09.2009 — I don't see anything bolded on the navigation. The only thing that I see that you might have considered was the effect by increasing the font size. Other than that I can't see it. Try changing this and you'll see what I meant

[CODE]
ul li a {
display:block;
font-size:16px;
font-weight:100;
padding:10px;
text-decoration:none;
}
[/CODE]

on style.css line 31 to

[CODE]
ul li a {
display:block;
font-size:12px;
font-weight:100;
padding:10px;
text-decoration:none;
}
[/CODE]
×

Success!

Help @Markaholic 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.19,
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,
)...