Previsualizar fuentes en VS Code

Instala Font Viewer y haz clic en un archivo .ttf, .otf, .woff, .woff2 o .ttc en el Explorador: la fuente se abre en VS Code con un probador de texto, todos sus glifos y su licencia. Ver y probar fuentes es gratis. Zovo Pro (USD 19, un solo pago) añade la conversión a WOFF2, WOFF o TTF y un informe de todas las fuentes de una carpeta, y puedes probar cada herramienta 3 veces gratis.

Instalar en VS Code Página del Marketplace Open VSX (Cursor, Windsurf, VSCodium)

Gratis, licencia MIT. Extension ID zovo.font-viewer-vscode.

Pasos en VS Code

Instala Font Viewer desde el Marketplace, o pulsa Ctrl+P (Cmd+P en macOS) y ejecuta ext install zovo.font-viewer-vscode.
Haz clic en el archivo de fuente en el Explorador. Font Viewer es el editor predeterminado para .ttf, .otf, .woff, .woff2, .ttc y .otc. En una colección, elige la fuente en la lista de la cabecera.
En la pestaña Type tester escribe tu propio texto, ajusta el tamaño entre 8 y 200 px y compara cuerpos en la cascada. En una fuente variable, cada eje tiene su control deslizante, y cada función OpenType, como liga, kern o ss01, tiene su casilla.
Copy CSS copia la regla @font-face junto con los valores de font-variation-settings y font-feature-settings que elegiste. Sin abrir la fuente, también puedes hacer clic derecho en ella en el Explorador y elegir “Copy CSS @font-face”.
En la pestaña Glyphs busca un glifo por nombre, carácter, código como U+20AC o id de glifo, y copia el carácter, el code point o el contorno como SVG. Al hacer clic en un glifo lo ves grande, con la línea base, la altura de x, la altura de mayúsculas y el ancho de avance.
La pestaña Characters agrupa los caracteres por bloque Unicode con su cobertura, por ejemplo “Basic Latin 95/128”. La pestaña Info muestra la licencia, el diseñador, el copyright, los derechos de incrustación y todas las tablas con su tamaño.

En Cursor, Windsurf y VSCodium

Estos editores instalan extensiones desde Open VSX. Abre la vista Extensions (Ctrl+Shift+X), busca zovo.font-viewer-vscode y pulsa Install. Su página en Open VSX es zovo/font-viewer-vscode. Después se usa igual que en VS Code.

Qué es gratis

Ver y probar fuentes es gratis: el probador de texto con ejes variables e instancias con nombre, las funciones OpenType, Copy CSS, la cuadrícula de glifos, el mapa de caracteres con cobertura y la pestaña Info con la licencia. La cuadrícula de glifos se carga por páginas, así que una fuente CJK con 20.000 glifos se abre rápido. La composición del texto la hace el motor Chromium de VS Code. Cuando guardas una nueva compilación de la fuente, la vista abierta se recarga sola. La extensión es de solo lectura, nunca modifica la fuente, funciona sin conexión y no tiene telemetría.

Qué añade Zovo Pro

Convert Font convierte un TTF o un OTF en WOFF2 o WOFF para la web, o un WOFF2 de vuelta en un TTF u OTF instalable. Puedes convertir una sola fuente o una carpeta entera. Los archivos nuevos se guardan junto a los originales, y una colección TTC da un archivo por cada fuente. Los datos de las tablas se copian tal cual, así que los contornos, el hinting, los ejes variables y las funciones OpenType no cambian. Un WOFF2 ocupa aquí alrededor del 45 % del TTF; por ejemplo, JetBrains Mono variable pasa de 96.940 a 43.632 bytes. La otra herramienta Pro, Font Folder Report, lista todas las fuentes de una carpeta con familia, estilo, peso, ejes, versión, número de glifos, licencia y derechos de incrustación, como CSV, como tabla Markdown o como un único fonts.css con una regla @font-face por fuente.

Cómo se usa Convert Font to WOFF2, WOFF or TTF

Abre la fuente y haz clic en “Convert Font to WOFF2, WOFF or TTF… (Pro)” en la barra de título del editor, o haz clic derecho en una fuente o una carpeta en el Explorador y elige la misma opción.
Elige el formato de destino. Los archivos nuevos se guardan junto a los originales.

Convert Font to WOFF2, WOFF or TTF funciona 3 veces gratis antes de pedir una licencia. Al abrir un archivo no aparece ninguna ventana emergente ni cuenta atrás.

Pagar con tarjeta, USD 19 una vez

Zovo Pro cuesta USD 19 en un solo pago. No es una suscripción y activa las herramientas Pro en todas las extensiones de Zovo. Después de pagar con tarjeta (Stripe), la clave de licencia aparece en la página siguiente. En VS Code, ejecuta "Enter Zovo Pro license key" desde la Command Palette y pega la clave. La clave se comprueba en tu equipo, sin conexión a la red.

Un equipo de 5 personas paga USD 59 en un solo pago, también con tarjeta. Todas las reglas y herramientas Pro están en la página de Zovo Pro (en inglés).

Lo que no hace

No admite colecciones WOFF2, fuentes SVG, archivos .dfont ni fuentes Type 1.
Los archivos de más de 64 MB no se abren y muestran un mensaje. Puedes cambiar el límite con fontViewer.maxFileMB.
La cuadrícula de glifos muestra la instancia predeterminada de una fuente variable. Las fuentes de color se ven en color en el probador y en el mapa de caracteres, pero en la cuadrícula solo se ve su contorno.

Preguntas

¿La extensión es gratis?

Sí. Ver fuentes, probar texto, explorar glifos y leer la licencia es gratis. Convert Font y Font Folder Report forman parte de Zovo Pro (USD 19, un solo pago). Puedes probar cada una 3 veces gratis, y un intento solo cuenta cuando se escriben los archivos.

¿Puedo comprobar la licencia de una fuente?

Sí. La pestaña Info muestra la licencia, el diseñador, el copyright y los derechos de incrustación, además de la tabla de nombres completa.

¿Funciona en Cursor?

Sí. La extensión también está publicada en Open VSX, así que puedes instalarla en Cursor, Windsurf y VSCodium.

Todas las funciones y ajustes están en la página de Font Viewer (en inglés).

Comprobado con la versión 0.2.2 de la extensión el 2026-11-12.