Comment puis-je convertir des fichiers TTF au format OTF?

J'ai besoin d'utiliser @font-face fonctionnalité et mes polices TrueType (TTF), alors, comment convertir le TTF à OpenType (OTF) format.

source d'informationauteur useCase

  1. 4

    vous pouvez utiliser les TTF format de fichier directement dans le css :

    @font-face { 
font-family: Vinegar; 
src: url(http://www.4bit.co.uk/testing/design01/vinegar.ttf); 
}

h3 {
font-family: Vinegar, "Times New Roman", Times, serif;
}

    !

    Ou vous pouvez utiliser ce lien pour générer votre police face à!

  2. 11

    Si vous êtes sous Linux, vous pouvez utiliser FontForge, qui peuvent être envoyés à partir de Python.

    #!/usr/bin/python
import fontforge
font = fontforge.open(“STIXGeneral.otf”)
font.generate(“STIXGeneral.ttf”)

    Ici est un plus script python qui fait cela pour l'ensemble d'un répertoire à un moment:

    http://fonts.fileformat.info/bin/otf2ttf.py

  3. 6

    Une recherche rapide sur Google pour ttf otf converter m'a donné un certain nombre de résultats, tels que:

    https://onlinefontconverter.com

    http://www.freefontconverter.com

    http://www.font2web.com

    Aucune idée de comment ils fonctionnent bien, mais vous pouvez les essayer.

  4. 3

    C'était douloureux et difficile de trouver comment le faire correctement. Voici comment je l'ai eu à travailler sur OS X

    $ brew install fontforge
$ fontforge  -c 'Open("my.ttf"); Generate("my.otf")'

    J'étais désespérément à la recherche de pip install fontforge qui n'existe pas et je n'ai pas réussi à le faire fonctionner avec python - je suppose que vous avez besoin de le compiler avec --enable-pyextension ou quelque chose.

  5. 2

    Pour la croix-navigateur/support mobile vous avez certainement besoin d'au moins trois formats:

    1. Embedded OpenType: eot pour Internet Explorer 6 à 8.

      Il y a une ligne de commande du convertisseur: http://code.google.com/p/ttf2eot/

    2. Web Open font Format: woff la recommandation du W3C pour les polices web: http://www.w3.org/TR/WOFF/

      Un convertisseur peut être friands ici: http://people.mozilla.org/~jkew/woff/

    3. et TrueType: ttf pour Safari et Opera

    4. (Vous pouvez ajouter Scalable Vector Graphics: svg pour les plus âgés prise en charge d'iOS...)

    L'épreuve des balles @font-face Syntaxe est la suivante:

    @font-face {
  font-family: 'Vinegar';
  src: url('vinegar.eot?') format('embedded-opentype'),
       url('vinegar.woff') format('woff'),
       url('vinegar.ttf') format('truetype'),
       url('vinegar.svg#svgVinegar') format('svg');
}

    D'autres ressources:

    http://www.paulirish.com/2009/bulletproof-font-face-implementation-syntax/

    http://www.fontspring.com/blog/the-new-bulletproof-font-face-syntax

    http://webfonts.info/

    Vous pouvez également consulter cet outil:

    https://github.com/zoltan-dulac/css3FontConverter

  7. 1

    Vous pouvez également essayer ceci:

    http://www.freefontconverter.com/