À l’aide de polices .otf sur des navigateurs web

Question

Je travaille sur un site Web qui requiert des essais de polices en ligne, les polices que j’ai sont tous .otf

Y a-t-il un moyen d’incorporer les polices et les amener à travailler sur tous les navigateurs ?

Si ce n’est pas le cas, quelle autre solution ai-je ?

Answer 1

Si votre Police est une Police libre, vous pouvez convertir votre Police à l'aide, par exemple, un onlinefontconverter, mais .la fto est un bon type pour l'utilisation de @font-face

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

@font-face {
font-family: GraublauWeb;
font-weight: bold;
src: url("path-to-the-font-file/GraublauWebBold.otf") format("opentype");
}

checkout ce lien pour voir comment il fonctionne.

parce que @font-face ne fonctionne pas dans tous les navigateurs (IE),lire "@font-face dans IE: Faire de Polices Web de Travail".

espérons que cette aide

Answer 2

À partir du Répertoire de Polices Google exemples:

@font-face {
  font-family: 'Tangerine';
  font-style: normal;
  font-weight: normal;
  src: local('Tangerine'), url('http://example.com/tangerine.ttf') format('truetype');
}
body {
  font-family: 'Tangerine', serif;
  font-size: 48px;
}

Cela fonctionne de la croix-navigateur avec .ttf, je crois qu'il peut travailler avec .la fto. (Wikipédia dit .la fto est surtout compatible avec .ttf) Si non, vous pouvez convertir le .la fto .ttf

Voici quelques bons sites:

• Bonne amorce:

  http://www.alistapart.com/articles/cssatten

• Autres Infos:

  http://randsco.com/index.php/2009/07/04/p680