Question

I have an asp.net page with an asp.net menu.

I defined the font in the menu items to be Myriad Pro.

In IE and Firefox it appears normally, but in Safari the menu items appear blank.

when I changed the font type to another font it worked fine.

so is there a way to make the Myriad Pro font appear on Safari.

thanks

Answer 1

As Rup mentioned, Myriad Pro is not a ubiquitously defined Mac font. However, if you have a copy of the .otf or .eot font files, you can make the font available to all CSS3 compliant browsers and supply a backup font for display should the browser not support CSS3. This would be the syntax for doing such:

@font-face {
   font-family: "CustomMyriadPro";
   src: url("path/to/myriadpro/font.otf") format("opentype");
}

h2 {
   font-family: "CustomMyriadPro", Helvetica, Georgia;
}