It seems everyone and their brother has written a CSS Font Stacks blog post, but none that I've found give Myriad Pro/Myriad much attention. Yes, I know Myriad Pro is not web safe - hence the stack. Just want to get some input on some sensible fallbacks. Thanks!

3 answers

This was chosen as the best answer

You can test out unconventional stacks here:

font-family: "Myriad Pro", "Gill Sans", "Gill Sans MT", Calibri, sans-serif;

Would look like a good match, for size and style, as Gill Sans is a similar size and common on Macs, with Calibri meeting the same criteria for Windows.

(I've just added Myriad Pro to a suitable stack from here: )

Answered about 8 years ago by Tony Crockford
  • Thanks, Tony. I appreciate the input. I'm going with that for now. Andy Ford about 8 years ago
Simon 75

Hi Andy,

I'd recommend using Lucida Grande instead of Myriad Pro, as side by side they differ only slightly (try tweaking the tracking). You'll maintain compatibility then.

So I'd go,

font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
letter-spacing: -1px;

Give it a go. Let me know how you get on.


Answered about 8 years ago by Simon
  • This isn't really an option for this particular project but it's an interesting approach. However I'd have to disagree that Lucida Grande and Myriad Pro differ only slightly especially because of the tracking. It sure would be nice if CSS supported font-stacks that would allow more than just a comma separated list of typefaces. It would be nice to do something like `font-family: 'Myriad Pro', 'Lucida Grande' [letter-spacing: -1px;], sans-serif;` Andy Ford about 8 years ago
Greg 0

Simon, I created this whole account just to say you are a genius. I would have wasted hours figuring this out and it looks great. Thanks!

Answered over 7 years ago by Greg