ttf personalizadas para otf incluir fuentes fuente font ejemplo descargar convertir agregar css browser fonts type-conversion font-face

para - fuentes personalizadas css



¿Cómo puedo convertir archivos OTF/TTF a formato EOT? (6)

Necesito usar la función @ font-face y mis fuentes están en formato OTF / TTF y los navegadores de Microsoft solo admiten el formato EOT. Traté de usar la herramienta de Microsoft WEFT, pero no funcionó o no entendí cómo funciona. ¿Hay alguna otra forma de convertir mis fuentes al formato EOT?


Aquí hay una forma rápida de compilar ttf y eot versiones de otf en un solo paso. Por supuesto, puede extraer las partes relevantes si no las necesita todas. Tenga en cuenta que para salir de otf tiene que ir a otf-> ttf-> eot.

Instale tanto fontforge como ttf2eot. Están disponibles en MacPorts, no están seguros de otras plataformas.

Guarde esto como un archivo de script llamado otf2ttf2eot.sh:

(Este script se ha actualizado para nuevas versiones de fontforge, script original al final de la publicación):

#!/bin/sh otfFont="$1.otf" ttfFont="$1.ttf" eotFont="$1.eot" fontforge -c '' import fontforge font = fontforge.open("''$otfFont''") font.generate("''$ttfFont''") '' ttf2eot "$ttfFont" >"$eotFont"

Suponiendo que tiene una fuente llamada FontName.otf, ejecute:

sh otf2ttf2eot.sh FontName

Script original para versiones anteriores de fontforge:

#!/bin/sh # Convert an OTF font into TTF an EOT formats. otfFont="$1.otf" ttfFont="$1.ttf" eotFont="$1.eot" fontforge -c '' Open("''$otfFont''"); Generate("''$ttfFont''"); Quit(0);'' ttf2eot $ttfFont > $eotFont


En Ubuntu, instale mkeot :

sudo apt-get install eot-utils

Entonces:

mkeot fontfilename.otf > fontfilename.eot



Use http://www.font2web.com/ - esto producirá no solo EOT, sino también formatos SVG y WOFF, y la conversión de múltiples archivos de fuentes a la vez, y el suministro de todo en un solo archivo junto con el CSS relevante.


Utilice Font Squirrel Generator : esto no solo producirá EOT, sino también formatos SVG y WOFF, y convertirá varios archivos de fuentes a la vez, y proporcionará todo en un único archivo junto con el CSS relevante.