personalizadas para otf fuentes fuente font ejemplo agregar css browser font-face

css - para - ¿Cómo puedo convertir archivos TTF a formato OTF?



fuentes html para web (7)

Necesito usar la función @font-face y mis fuentes están en formato TrueType (TTF), así que cómo convertir TTF al formato OpenType (OTF).

puede usar el formato de archivo TTF directamente en 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; }

¡Está funcionando!

O puede usar este enlace para generar su tipo de letra!

Si está en Linux, puede usar FontForge, que puede ser secuencia de comandos desde Python.

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

Aquí hay un script python más largo que hace esto para todo un directorio a la vez:

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

Para compatibilidad con navegador cruzado / móvil definitivamente necesitas al menos tres formatos:

  1. OpenType incrustado: eot para Internet Explorer 6-8.
    Hay un convertidor de línea de comandos: http://code.google.com/p/ttf2eot/

  2. Formato de fuente web abierta: woff la recomendación W3C para webfonts: http://www.w3.org/TR/WOFF/
    Un convertidor puede ser utilizado aquí: http://people.mozilla.org/~jkew/woff/

  3. y TrueType: ttf para Safari y Opera

  4. (Puede agregar gráficos vectoriales escalables: svg para versiones anteriores de iOS ...)

La sintaxis @ font-face a prueba de balas es esta:

@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''); }

Recursos adicionales:
http://www.paulirish.com/2009/bulletproof-font-face-implementation-syntax/
http://www.fontspring.com/blog/the-new-bulletproof-font-face-syntax
http://webfonts.info/

Es posible que también desee consultar esta herramienta:
https://github.com/zoltan-dulac/css3FontConverter

Fue dolorosamente difícil encontrar cómo hacerlo correctamente. Aquí es cómo lo tengo para trabajar en OS X

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

Estaba buscando desesperadamente pip install fontforge que no existe y no lo tengo para trabajar con Python, supongo que necesitas compilarlo con --enable-pyextension o algo así.