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

2
points
This was chosen as the best answer

You can test out unconventional stacks here: http://www.typetester.org/

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: http://www.awayback.com/revised-font-stack/ )

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

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.

Simon

Answered over 6 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 over 6 years ago
Greg 0
0
points

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 about 6 years ago by Greg