2010-10-12 3 views
1

Привет всем, У меня есть сайт, на котором я хочу использовать шрифты Adobe. может кто-нибудь помочь с этим ??? файлы я получил являются .otfИспользование шрифтов Adobe в сети

Большое спасибо

+3

Будьте осторожны и проверьте, разрешает ли ваша лицензия на шрифт. Связано: http://www.adobe.com/aboutadobe/antipiracy/fonts.html –

+0

Кроме этого, см. Http://stackoverflow.com/questions/220236/how-to-embed-fonts-in-html (ответ с 26 upvotes) –

ответ

0

@ шрифта-грани {семейство шрифтов: вкусный; src: url ('Delicious-Roman.otf'); }

@ font-face {font-family: Delicious; font-weight: bold; src: url ('Delicious-Bold.otf'); }

h3 {font-family: Delicious, sans-serif; }

Я использую его для использования матричных шрифтов here

+0

В каких браузерах это будет работать? –

+0

Любой, который полностью поддерживает CSS3. поэтому это означает, что Firefox 3.5+, Chrome и IE9 наверняка, но не IE8 и не уверены в Safari на ПК или в Opera. – FatherStorm

+0

Если вам абсолютно необходимо использовать другой шрифт, есть библиотеки Javascript, которые будут использовать немного флэш-магии для замены данных элементы страницы с заменой swf ... – FatherStorm

2

Вы можете использовать OTF шрифты в браузерах, которые поддерживают @font-face. Однако имейте в виду лицензирование вашего шрифта.

Пример из приведенной выше ссылке:

@font-face 
{ 
    font-family: Delicious; 
    src: url('Delicious-Roman.otf'); 
} 

h3 { font-family: Delicious, sans-serif; } 
+0

Согласно статье, это только Safari 3.1. Немного тонкий, не так ли? Есть ли еще более свежие сведения о браузерах, которые поддерживают это? –

+1

Статья немного устарела, но просмотр их примера в Opera 10.54, Firefox 3.6.9, Safari 5.0.2 и Chrome 6.0 все отлично работает. Однако IE7 и IE8, похоже, не работают. –

+1

В следующей статье говорится, что IE поддерживает только шрифты TrueType, преобразованные в Embedded OpenType: http://webfonts.info/wiki/index.php?title=%40font-face_support_in_Internet_Explorer. Возможно, вы можете преобразовать шрифт OTF в EOT? –

0

Чтобы встроить шрифт я бы порекомендовал Paul Irish-х Bulletproof @font-face syntax

@font-face { 
    font-family: 'adobe font web'; 
    src: url('adobefont.eot'); 
    src: local('?'), 
     url('adobefont.otf') format('opentype'); 
} 

Я думаю, что важно отметить, что Adobe шрифты в соответствии с лицензией поэтому вы не можете просто использовать их бесплатно в Интернете. Если вы хотите использовать шрифты Adobe, я бы рекомендовал получить учетную запись на http://typekit.com/ или искать бесплатную альтернативу http://www.theleagueofmoveabletype.com/ или http://code.google.com/webfonts

Смежные вопросы