web fonts
- Started
- Last post
- 5 Responses
- dijitaq
on the first row of the navigation i used a font which i converted using font squirrel font face generator. where as the second row, the text are images. even though i use the same weight, both are regular, the characters on the second row appears to be much bolder.
how do i make the web font appear thinner? on the css i used
li a{
font-weight: normal;
}
but still it appears to be using bold.i also tried
li a {
font-weight: 100;
}
but it doesn't help either.anyone know of a solution?
thanks
- kingsteven0
'font-weight: lighter;' ?
- or try and get it on TypeKit... the glyphs will be optimised for web, font squirrel will do shit like this.kingsteven
- Typekit will cost more, but should be better.non
- Nathan_Adams0
Safari/Chrome on OS X? It's the sub-pixel rendering, which makes reversed out type look too heavy. Use -webkit-font-smoothing: antialiased;
- dijitaq0
thanks @nathan_adams!
- awebdeveloper0
Check out the source of elliotjaystocks.com there's some great stuff on font styling in there, not sure if it's documented in a blog post anywhere though
- phatwrx0
Are you viewing in FF. It makes everything with a stroke with @fontface.