https://github.com/mtolmacs/canvas-truetype-font-renderer

https://github.com/mtolmacs/canvas-truetype-font-renderer

Last synced: 12 days ago
JSON representation

• Host: GitHub
• URL: https://github.com/mtolmacs/canvas-truetype-font-renderer
• Owner: mtolmacs
• License: mit
• Created: 2024-04-15T19:44:51.000Z (10 months ago)
• Default Branch: main
• Last Pushed: 2024-04-18T07:01:21.000Z (10 months ago)
• Last Synced: 2024-11-25T17:27:34.032Z (2 months ago)
• Language: TypeScript
• Size: 71.3 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# CanvasText - Rendering TTF font files on HTML Canvas

NOTE: This is an educational project and not production ready!

### Current features:

* Renders only simple glyphs, replaces compound glyphs with the .notdef glyph

* Renders font bounding boxes

* Renders contour points with implied points, with off-curve points are colored red, on-curve points blue

* Draws glyph contours with bezier curves (pixel-perfect vector outline)

# Production-ready alterantives

* [fonteditor-core @ npmjs.com](https://www.npmjs.com/package/fonteditor-core)

* [harfbuzz compiled to WebAssembly](https://www.npmjs.com/package/harfbuzzjs)

* [@konghayao/opentype.js](https://www.npmjs.com/package/@konghayao/opentype.js)

### Development Tools

* [Font metrics on the web with points and contours](https://fontdrop.info)

* [Apple's official TTF docs](https://developer.apple.com/fonts/TrueType-Reference-Manual/)