How can I change the thickness of a fallback font without changing the preferred font?

Question

My website uses a web font called "Days One".

font-family: "Days One", Calibri, sans;

When Days One is not available, the webpage defaults to Calibri, if it's available.

The problem is that Days One is a lot thicker than Calibri, so when it defaults to Calibri, the font on the page looks a lot thinner. I want to set the font-weight to bold whenever the page is using Calibri, but not bold when it's using Days One.

I'm using `link href` to load it from a Google stylesheet, which does use @font-face: https://fonts.googleapis.com/css?family=Days+One — Pikamander2, Feb 25 '15 at 19:44
Check here: http://stackoverflow.com/questions/2647728/css-set-font-weight-depending-on-fallback-font. Don't think possible. — dowomenfart, Feb 25 '15 at 20:16

score 2 · Accepted Answer · answered Feb 25 '15 at 21:35

You cannot. The font family and the font weight are independent in terms of CSS.

Days One is apparently bold, but not declared that way, and it does not have any regular typeface. They’re cheating, more or less, so you can counter-cheat by declaring the font to be bold. But this requires that you download and install the font to be used on your server.

How can I change the thickness of a fallback font without changing the preferred font?

1 Answers1