Loading system fonts? about opentype.js HOT 7 CLOSED

The best hope for native support is the Path2D class in canvas. This will have a addText method that adds text as bézier paths. Path2D is under development:

http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#path2d-objects

Here's an example that only works in Chrome Canary for now. Even there, addText is currently not implemented:

http://www.rgraph.net/blog/2014/march/an-example-of-html5-canvas-path2d-objects.html

from opentype.js.

I don't think you can do that.

Opentype.js is basically a hack around the browser's lack of support for glyph outlines. That's why we need to upload and parse binary TTF blobs in JavaScript. And just because this functionality is not built-in, direct access to system fonts is also not foreseen.

Also, people who don't run Windows don't necessarily have ariblk.ttf and would still need to get access to those fonts, somehow.

from opentype.js.

Opentype.js is basically a hack around the browser's lack of support for glyph outlines.

@fdb out of curiosity (and because we deal with similar issues) have you ever seen this being seriously suggested to browser vendors?

from opentype.js.

Opentype.js is basically a hack around the browser's lack of support for glyph outlines.

@fdb out of curiosity (and because we deal with similar issues) have you ever seen this being seriously suggested to browser vendors?

I actually did work on such a proposal with a colleague a few years ago. We had the Chrome team's support, but Mozilla wasn't convinced. See: http://goo.gl/jAeFRZ

from opentype.js.

@fdb thanks for those links! I'm not sure what performance would be like (for our use case). But it's definitely something to keep an eye on (and get creative with).

@behdad thanks for sharing the doc, I've requested access via Google Drive. It's probably in the doc, but what motivated it?

from opentype.js.

@pkra err, updated the link to a public copy. http://goo.gl/jAeFRZ

The motivations were, among others:

• Being able to cache layout, for performance reasons (compared to DOM). Think of Google Spreadsheets, Docs, etc.
• Internationalized text rendering in WebGL

from opentype.js.

Thanks @behdad !

from opentype.js.