Necesito usar la función @font-face
y mis fuentes están en formato TrueType (TTF), así que cómo convertir el TTF al formato OpenType (OTF).¿Cómo puedo convertir archivos TTF a formato OTF?
Respuesta
puede utilizar 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;
}
Se está trabajando!
pero necesito resolver esto en la línea de comandos ... – useCase
También puede probar esto:
Una rápida búsqueda en Google de ttf otf converter
me dio una serie de resultados, tales como:
https://onlinefontconverter.com
http://www.freefontconverter.com
Ni idea de lo bien que se trabajar, pero puedes Pruébalos.
Si está en Linux, puede usar FontForge, que puede tener un script de Python.
#!/usr/bin/python
import fontforge
font = fontforge.open(“STIXGeneral.otf”)
font.generate(“STIXGeneral.ttf”)
Aquí es un script en Python, ya que hace esto por un directorio completo a la vez:
Supongo que necesita 'apt-get install fontforge python-fontforge' o si está en OS X intente http://stackoverflow.com/a/26313183/179581 – Andrei
Para navegadores/soporte móvil que sin duda necesita al menos tres formatos:
OpenType integrado:
eot
para Internet Explorer 6-8.
No es un convertidor de línea de comandos: http://code.google.com/p/ttf2eot/Web Open Font Format:
woff
la recomendación W3C para fuentes web: http://www.w3.org/TR/WOFF/
Un convertidor puede ser aficionado aquí: http://people.mozilla.org/~jkew/woff/y TrueType:
ttf
para Safari y Opera(Puede agregar gráficos vectoriales escalables:
svg
para el soporte iOS anterior ...)
La prueba de balas @ font-face sintaxis es la siguiente:
@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');
}
Otros recursos:
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 comprobar hacia fuera esta herramienta:
https://github.com/zoltan-dulac/css3FontConverter
La última versión de IE es 11. Soportar IE 8 o inferior es una pérdida de tiempo a menos que sea específicamente instruido por un cliente importante. Como tal, la línea 'url ('vinegar.eot?') ('Embedded-opentype')' puede ser eliminada. –
Fue dolorosamente difícil encontrar cómo hacerlo correctamente. Así es como yo tengo que trabajar en OS X
$ brew install fontforge
$ fontforge -c 'Open("my.ttf"); Generate("my.otf")'
que estaba buscando desesperadamente pip install fontforge
que no existe y no he conseguido que funcione con el pitón - Creo que se necesita para compilar con --enable-pyextension
o alguna cosa.
Respuesta perfecta para mí, también estoy en OS X y, de hecho, 'pip install fontforge' no funcionó. Sin embargo, ya uso Homebrew, por lo que tu respuesta me golpeó la cabeza. :-) –
Esta es la mejor respuesta. Todos los convertidores en línea son inútiles ya que no funcionan o no requieren pagar. – Leszek
- 1. ¿Cómo puedo convertir el tipo de letra PostScript 1 a .otf o .ttf?
- 2. Convierte fuentes arábigas TTF/OTF a woff, eof?
- 3. Cómo utilizar una fuente (aleatoria) * .otf o * .ttf en matplotlib?
- 4. acceso OTF fuente
- 5. Cómo convertir archivos wmf a archivos svg
- 6. Cómo convertir archivos de configuración symfony yaml a formato xml
- 7. ¿Convertir formato PSD a Android XML (formato)?
- 8. convertir tiff a formato jpg
- 9. PARA convertir formato .jpg a .eps
- 10. Agregue la fuente .otf a la aplicación iphone
- 11. ¿Cómo convertir formato de fecha a palabra?
- 12. Convertir de formato largo a formato
- 13. Cómo convertir reStructuredText a texto sin formato
- 14. Cómo convertir el formato MetaStock a CSV?
- 15. Cómo convertir a formato JSON de D3?
- 16. Convertir XML a formato JSON
- 17. ¿Puedo convertir un archivo .swf a un formato de imagen?
- 18. fecha sql convertir a formato de cadena
- 19. convertir matriz POST a formato json
- 20. Java convertir imagen GIF a formato PNG
- 21. ¿Cómo puedo convertir un archivo jar en formato apk?
- 22. C# lib para procesar archivos de fuentes - TTF (TrueType), otros
- 23. ¿Cómo puedo convertir los ticks en un formato de fecha?
- 24. ¿Puede ffmpeg convertir audio de PCM sin formato a WAV?
- 25. Convertir formato JSON a formato CSV para MS Excel
- 26. ¿Convertir archivos individuales a arco?
- 27. Convertir a formato de la lista IEnumerable
- 28. ¿Cómo puedo crear archivos .chm a partir del código C#?
- 29. Cómo convertir CGFontRef a UIFont?
- 30. Convierta archivos a formato UNIX usando Maven
¿Esto no causaría problemas de compatibilidad? * he escuchado algo así, pero no estoy seguro ... * – jolt
@Tom Nunca he visto un problema de compatibilidad con esta sintaxis. ¡es una sintaxis antigua y es compatible con navegadores desde 2000! –
Bueno, aquí hay un artículo http://randsco.com/index.php/2009/07/04/p680 ... desplácese hacia abajo a ** Vamos, ¿es realmente así de simple? ** parte, allí usted tenerlo, IE solo es compatible con '* .eot'. O eso es solo un mito? – jolt