search

neilerdwien / homepage-2017

K-State homepage, 2017 edition
0 stars 0 forks source link

Handle failure of Typekit/Myriad Pro failing to load #42

Open neilerdwien opened 7 years ago

neilerdwien commented 7 years ago

Because of the font size differences, the fallback fonts are likely to be way too small.

I think font-size-adjust, https://developer.mozilla.org/en-US/docs/Web/CSS/font-size-adjust, can help. But the first step would be to find a way to force the font to fail to load so that we can do experiments.

neilerdwien commented 7 years ago

When the font fails to load, the result isn't too bad. The menu wraps because the replacement fonts are too large -- not too small as I asserted above.

I should be able to react by changing the font size when the load fails. But something isn't working right with that. I'll change the milestone to 1.1 to indicate this can be post-go-live.

neilerdwien commented 7 years ago

...and for the record, my triggering of a slightly different layout, i.e., line-height: 1.3 on the menu, only when the font loaded added the "wf-inactive" class, failed on Safari on a Mac.