2013-10-15 3 views
0

Я использовал Myriad Pro шрифт на моем сайте, и этот шрифт будет загружен на сервер и я дал ссылку на этот шрифт, как показано нижеMyriad Pro шрифт не отображается правильно

@font-face{ 
    font-family: "Myriad-Pro"; 
    src: url(http://www.anaveer.in/honda/font/MYRIADPRO-REGULAR.OTF) format("truetype"); 
} 

, но до сих пор этот шрифт не показывать , есть ли другой способ решения этой проблемы?

+0

См. Этот [ответ] (http://stackoverflow.com/a/16541871/1763929). – Vucko

+0

Возможный дубликат [Добавить шрифт на сайт] (http://stackoverflow.com/questions/16541436/add-a-font-to-a-website) – sevenseacat

ответ

0

Я протестировал на своей локальной машине. браузер - хром.

<html> 
<head> 
<style type="text/css"> 
@font-face{ 
    font-family: "Myriad-Pro"; 
    src: url(http://www.anaveer.in/honda/font/MYRIADPRO-REGULAR.OTF) format("truetype"); 
} 
body{ font-family:Myriad-Pro; } 
</style> 
</head> 
<body> 
This should be in myriad-pro font 
</body> 
</html> 

это сработало отлично. (Я думаю, что шрифт - это то, что я вставляю в скриншот).

Just pasted your code and a static html

Возможно, вы можете дать нам знать, какой браузер дает hickup вам. В любом случае, поскольку вы загружаете его на свой сервер, я предлагаю вам взглянуть на шрифты font-squirrel all-type-fonts и их css, созданные для вас.

+0

Это комментарий (правильный), а не ответ. –

0

Прежде всего убедитесь, что у вас есть законно действующая лицензия на использование Myriad Pro в Интернете. Затем ознакомьтесь с инструкциями поставщика шрифтов при таком использовании.

Конкретные вещи отметить:

  • IE не поддерживает OTF для веб-шрифтов, вам нужны другие форматы.
  • Файлы шрифтов должны находиться на том же сервере, что и страница, использующая их, а сервер, размещающий их, должен разрешать использование на разных сайтах.
Смежные вопросы