Привет всем, У меня есть сайт, на котором я хочу использовать шрифты Adobe. может кто-нибудь помочь с этим ??? файлы я получил являются .otfИспользование шрифтов Adobe в сети
Большое спасибо
Привет всем, У меня есть сайт, на котором я хочу использовать шрифты Adobe. может кто-нибудь помочь с этим ??? файлы я получил являются .otfИспользование шрифтов Adobe в сети
Большое спасибо
@ шрифта-грани {семейство шрифтов: вкусный; 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
В каких браузерах это будет работать? –
Любой, который полностью поддерживает CSS3. поэтому это означает, что Firefox 3.5+, Chrome и IE9 наверняка, но не IE8 и не уверены в Safari на ПК или в Opera. – FatherStorm
Если вам абсолютно необходимо использовать другой шрифт, есть библиотеки Javascript, которые будут использовать немного флэш-магии для замены данных элементы страницы с заменой swf ... – FatherStorm
Вы можете использовать OTF шрифты в браузерах, которые поддерживают @font-face. Однако имейте в виду лицензирование вашего шрифта.
Пример из приведенной выше ссылке:
@font-face
{
font-family: Delicious;
src: url('Delicious-Roman.otf');
}
h3 { font-family: Delicious, sans-serif; }
Согласно статье, это только Safari 3.1. Немного тонкий, не так ли? Есть ли еще более свежие сведения о браузерах, которые поддерживают это? –
Статья немного устарела, но просмотр их примера в Opera 10.54, Firefox 3.6.9, Safari 5.0.2 и Chrome 6.0 все отлично работает. Однако IE7 и IE8, похоже, не работают. –
В следующей статье говорится, что IE поддерживает только шрифты TrueType, преобразованные в Embedded OpenType: http://webfonts.info/wiki/index.php?title=%40font-face_support_in_Internet_Explorer. Возможно, вы можете преобразовать шрифт OTF в EOT? –
Чтобы встроить шрифт я бы порекомендовал 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
Будьте осторожны и проверьте, разрешает ли ваша лицензия на шрифт. Связано: http://www.adobe.com/aboutadobe/antipiracy/fonts.html –
Кроме этого, см. Http://stackoverflow.com/questions/220236/how-to-embed-fonts-in-html (ответ с 26 upvotes) –