Web Font Help
- Started
- Last post
- 5 Responses
- 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
- 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
- ok_not_ok1
Screw it! i'll Google's Nunito font. Looks very close to Avenir.
Thanks Guise!
- 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.
- BabySnakes1
I'm not fully following what you are asking, would this link help?
https://stackoverflow.com/questi…