2010-10-12 6 views
1

Salut tout le monde, j'ai un site Web sur lequel je veux utiliser des polices Adobe. quelqu'un peut-il s'il vous plaît aider avec ça ??? les fichiers sont i got .otfUtilisation des polices Adobe sur le Web

Un grand merci

+3

Soyez prudent et vérifiez si votre licence de police le permet. En relation: http://www.adobe.com/aboutadobe/antipiracy/fonts.html –

+0

Autre que cela, voir http://stackoverflow.com/questions/220236/how-to-embed-fonts-in-html (le répondre avec 26 upvotes) –

Répondre

0

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

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

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

Je l'utilise pour utiliser des polices matricielles here

+0

Dans quels navigateurs cela fonctionnera-t-il? –

+0

Tout ce qui supporte pleinement CSS3. donc ça veut dire Firefox 3.5+, Chrome et IE9 c'est sûr, mais pas IE8 et pas sûr de Safari sur PC ou Opera – FatherStorm

+0

Si vous avez absolument besoin d'utiliser une police différente, il y a des librairies Javascript qui vont utiliser un peu de magie flash pour remplacer éléments de page avec un swf rendu de remplacement ... – FatherStorm

2

Vous pouvez utiliser OTF dans les navigateurs qui prend en charge @font-face. Soyez conscient de la licence de votre police, cependant.

Exemple à partir du lien ci-dessus:

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

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

Selon l'article, c'est seulement Safari 3.1. Un peu mince, n'est-ce pas? Y a-t-il d'autres mises à jour sur les navigateurs qui supportent cela? –

+1

L'article est légèrement daté, mais l'affichage de leur exemple dans Opera 10.54, Firefox 3.6.9, Safari 5.0.2 et Chrome 6.0 a parfaitement fonctionné. IE7 et IE8 ne semblaient pas fonctionner, cependant. –

+1

L'article suivant indique que IE prend en charge uniquement les polices TrueType converties en Embedded OpenType: http://webfonts.info/wiki/index.php?title=%40font-face_support_in_Internet_Explorer. Peut-être pourriez-vous convertir la police OTF en EOT? –

0

Pour intégrer une police Je recommande Paul Irish de Bulletproof @font-face syntax

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

Je pense qu'il est important de noter que les polices Adobe sont sous licence donc vous ne pouvez pas les utiliser gratuitement sur le web. Si vous souhaitez utiliser des polices Adobe, je vous recommande d'obtenir un compte au http://typekit.com/ ou chercher une alternative gratuite http://www.theleagueofmoveabletype.com/ ou http://code.google.com/webfonts

Questions connexes