cocos-creator / font-editor-angular-deprecated

Font Editor
MIT License
1 stars 1 forks source link

研究Web Browser中字体的格式,解析方法和相关api,并文档记录 #1

Closed jwu closed 10 years ago

jwu commented 10 years ago

我们需要将 font 的相关信息如 xadvance, yadvance, kerning 等解析出来,所以我们需要研究web browser 中是否有提供相应的 api 帮助我们完成这类操作。

jareguo commented 10 years ago

回复详见: https://tower.im/projects/5ddd2d4f1bc24ef58b6fb66a53190150/messages/b3b54be38f004a1595e2bd6ec71937d6/

web browser 没有提供相应的 api,甚至在 canvas 里都没办法应用 Kerning 间距。 唯一能获得 Kerning 的黑魔法是用 CSS 渲染出 128 * 128 字符,然后在像素层面计算宽度。这个方法 IE 也不支持。 但第三方库能够直接解析 ttf 等字体文件,不过这需要访问字体文件。因此在 web 上美术就没法直接使用系统字体,会影响工作流程。只能先做客户端版。