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

fuentes html para web

Question

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).

Answer 1

También puedes probar esto:

http://www.freefontconverter.com/

Answer 2

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!

Answer 3

Con el generador Font Squirrel @font-face .

Answer 4

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

Answer 5

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

Answer 6

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í.

Answer 7

Una búsqueda rápida de Google para el ttf otf converter me dio una serie de resultados, tales como:

https://onlinefontconverter.com

http://www.freefontconverter.com

http://www.font2web.com

No tengo idea de qué tan bien funcionan, pero puedes probarlos.