1. Productos
  2.   Font
  3.   JavaScript
  4.   Fontkit
 
  

Biblioteca JavaScript gratuita para cargar, optimizar y convertir fuentes

Motor de fuentes JavaScript de código abierto permite manejar la manipulación de fuentes, diseño y renderizado de texto, extracción de rutas de glifos, subconjunto de fuentes y optimización mediante la API JavaScript.

En el mundo de la tipografía, elegir la fuente adecuada puede impactar significativamente el atractivo visual y la experiencia del usuario en cualquier proyecto de diseño. Para simplificar el manejo de fuentes y ampliar las posibilidades creativas, los desarrolladores y diseñadores confían mayormente en bibliotecas y herramientas robustas. Fontkit, una biblioteca de código abierto que ha surgido como un cambio de juego en el campo y ofrece una amplia gama de funciones, ha ganado popularidad por sus extensas capacidades de gestión de fuentes y su facilidad de integración.

Fontkit ofrece una poderosa API de código abierto que ayuda a los desarrolladores de software y diseñadores con un conjunto integral de herramientas para manejar fuentes de forma programática. Hay varias funciones útiles dentro de la API, como sustitución avanzada de glifos, extracción de rutas de glifos, lectura de métricas de glifos, disposición de glifos, glifos de emojis en color, subconjunto de fuentes, soporte de kerning, obtención de rutas vectoriales de glifos y su conversión a rutas SVG, creación de una nueva fuente, soporte de mapeo de caracteres a glifos y mucho más.

Fontkit ha incluido soporte para varios formatos de archivo de fuentes populares, como TrueType (.ttf), OpenType (.otf), WOFF, WOFF2, TrueType Collection (.ttc) y Datafork TrueType (.dfont). Está diseñado para funcionar sin problemas en diferentes plataformas y entornos. Ya sea que estés desarrollando aplicaciones web, de escritorio o móviles, Fontkit ofrece un rendimiento y compatibilidad consistentes. Sus amplias funcionalidades, flexibilidad y compatibilidad con plataformas lo convierten en una herramienta indispensable para tareas relacionadas con la tipografía y una herramienta invaluable para los desarrolladores de software, lo que ahorrará tiempo, esfuerzo y dolores de cabeza.

Previous Next

Comenzando con Fontkit

La forma recomendada de usar Fontkit es mediante npm. Por favor, utiliza el siguiente comando para agregar la biblioteca Fontkit a tu proyecto sin problemas.

Instalar Fontkit mediante npm

 npm install fontkit 

También puedes instalarlo manualmente; descarga los archivos de la última versión directamente del repositorio GitHub.

Acceso y Manipulación de Glifos

Al utilizar la API gratuita de Fontkit, los desarrolladores de software pueden acceder a glifos individuales dentro de una fuente y realizar manipulaciones como escalar, rotar o incluso combinarlos para crear efectos tipográficos personalizados. La API ha proporcionado métodos valiosos para obtener el número total de glifos y obtener información detallada sobre cada glifo, incluido su punto de código Unicode, nombre, dimensiones de la caja delimitadora y más. Esta funcionalidad es útil para examinar la cobertura de caracteres de una fuente y garantizar que soporte los caracteres necesarios para un idioma o sistema de escritura determinado.

¿Cómo acceder y renderizar un glifo mediante la API de JavaScript?

export default class GlyphPosition {
  constructor(xAdvance = 0, yAdvance = 0, xOffset = 0, yOffset = 0) {
    /**
     * The amount to move the virtual pen in the X direction after rendering this glyph.
     * @type {number}
     */
    this.xAdvance = xAdvance;

    /**
     * The amount to move the virtual pen in the Y direction after rendering this glyph.
     * @type {number}
     */
    this.yAdvance = yAdvance;

    /**
     * The offset from the pen position in the X direction at which to render this glyph.
     * @type {number}
     */
    this.xOffset = xOffset;

    /**
     * The offset from the pen position in the Y direction at which to render this glyph.
     * @type {number}
     */
    this.yOffset = yOffset;
  }
}

Diseño y Renderizado de Texto mediante JavaScript

La API de Fontkit de código abierto ha ofrecido soporte completo para capacidades avanzadas de maquetación y renderizado de texto dentro de aplicaciones JavaScript. Los desarrolladores de software pueden aprovechar sus funciones para manejar diseños de texto complejos, tipografía multilingüe y algoritmos de renderizado sofisticados, ofreciendo resultados excepcionales en todas las plataformas y dispositivos. La API admite capacidades de modelado de glifos, kerning y espaciado de letras, medición de texto, antialiasing y hinting, almacenamiento en caché de fuentes y mucho más. Su robusta capacidad de maquetación y renderizado de texto la convierte en una herramienta poderosa para los desarrolladores que trabajan con tipografía.

Gestionar Análisis de Fuentes y Metadatos mediante API JS

La biblioteca de código abierto Fontkit ofrece potentes capacidades de análisis de fuentes, permitiendo a los desarrolladores explorar y extraer información vital de los archivos de fuentes. Proporciona un conjunto completo de herramientas para analizar fuentes, incluyendo la recuperación de metadatos como la familia tipográfica, el peso, el estilo y los conjuntos de caracteres compatibles. Esta información es invaluable para la selección de fuentes y decisiones de maquetación de texto. También incluye mecanismos de validación para comprobar la integridad y corrección de los archivos de fuentes. Puede detectar y reportar posibles problemas, como tablas faltantes o mal formadas, formatos de fuentes incompatibles o errores específicos de la fuente.

 Español