Web Font Help
- Started
- Last post
- 5 Responses
- ok_not_ok1
Screw it! i'll Google's Nunito font. Looks very close to Avenir.
Thanks Guise!
- ok_not_ok0
Thanks! for the replies. Here's a sample:
- if you click on the Customize button on the top right you can add Weights and styles.ok_not_ok
- That site looks entirely suspicious.Nairn
- lol I know! it's just for a personal project.ok_not_ok
- I'd not use a CDN site offering other people's fonts illegally for even a shit test project. Not on principal, but security.Nairn
- Thanks Da!ok_not_ok
- nb1
You’ll notice usually when fonts are loaded with different weights, the link href refers to weight, not style.
So, because they’re “styles” and not weights, I can see why font-weight doesn’t work. Ignore the fact that they’re light and bold and instead just think of it as two different styles of a font. Or, really spread it out and think of it as two completely different fonts?
Option 2:
Who gave you that href code? I assume it’s the place you bought the font? If so, they likely have a help/faq on their site to explain. Because this is not standard.
- ESKEMA2
without much more info, I'd try something like this to see how it reacts:
add these classes to some elements to try out.
.light {
font-family: 'some font', sans-serif;
font-weight: 100; /* 200, 300 */
}.bold {
font-family: 'some font', sans-serif;
font-weight: 700; /* 800, 900 */
}modify the font-weight value and see how it behaves
- BabySnakes1
I'm not fully following what you are asking, would this link help?
https://stackoverflow.com/questi…
- ok_not_ok
Hey Kids! How do I reference a font weight that is declared like this in the header?
<link href="http://fonts.somefonts.com/css/some-font?styles=15286,15275" rel="stylesheet">
15286 = light and 15275 = Bold
The CSS rule that was in the font site instruction is:
{font-family: 'some font', sans-serif;}
It doesn't add anything in the rule when I add a font weight.
The rule works when I use one weight and just use 'some font' in font-family.Please Helpo.