Шрифт Myriad pro не отображается в Safari

Question

У меня есть страница asp.net с меню asp.net.

Я определил шрифт в пунктах меню как Myriad Pro.

В IE и Firefox это выглядит нормально, но в Safari пункты меню отображаются пустыми.

когда я изменил тип шрифта на другой, он работал нормально.

поэтому есть способ заставить шрифт Myriad Pro появляться в Safari.

спасибо

Answer 1

Как упомянул Rup, Myriad Pro не является повсеместно определенным шрифтом Mac. Однако, если у вас есть копия файлов шрифтов .otf или .eot, вы можете сделать шрифт доступным для всех браузеров, совместимых с CSS3, и предоставить резервный шрифт для отображения, если браузер не поддерживает CSS3. Это будет синтаксис для этого:

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

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

Answer 2

Эта проблема возникает с несколькими установленными шрифтами на моем Mac с момента обновления до 5.1 и затем до Lion.Я думаю, что что-то сломано с обновлением.Другие браузеры в порядке.Это влияет и на другие шрифты.Мне пришлось отключить CSS семейства шрифтов в Inspector, чтобы этот редактор включал читаемый текст, потому что это влияет и на Consolas.

Проблема не в отступлении или спецификации в CSS.Проблема с Safari и конкретными шрифтами.Он не отступает от проблемного шрифта, но продолжает использовать его, заменяя все символы заглавной буквой A в квадрате;поэтому отступление не поможет.

Обсуждение и возможные объяснения здесь: https://discussions.apple.com/thread/3191532?start=0&tstart=0

Answer 3

Убедитесь, что ваш CSS указывает Myriad Pro в кавычках, т.е.

font-family: "Myriad Pro", sans-serif;

Во-вторых, помните, что шрифт будет отображаться только в том случае, если он установлен на компьютере конечного пользователя (если вы не используете @font-face), поэтому вам всегда нужно определять некоторые резервные шрифты, например,

font-family: "Myriad Pro", Arial, Helvetica, sans-serif;

Answer 4

Проверьте сервис встраивания веб-шрифтов Typekit, в их библиотеке есть бесчисленное множество http://typekit.com/fonts/myriad-pro

Answer 5

Согласно опросу шрифтов codestyle.org , на большинстве компьютеров Mac не установлено приложение Myriad Pro.(В данном случае это не Windows.) Вы должны выбрать аналогичные резервные шрифты для всех Mac, Windows и Linux, а затем указать список этих шрифтов в своем стиле.

Если вам конкретно нужна Myriad Pro, вы можете использовать изображенияили вставьте шрифт, используя sIFR (может быть, не для меню) или через @ font-face font-embedding (спасибо Олли!).