0

我正在制作一个 html5 画布应用程序,我将使用像素艺术字体,它的大小始终相同(可能是移动设备的额外大小)。我只需要大写,一些基本的标点和数字,总共50个符号。

我尝试使用 cufon http://cufon.shoqolate.com/generate/转换我拥有的这种字体,但它的缩放比例非常糟糕。它变得非常模糊或扭曲。它最终会做到,但它并不完美。

所以我在想,因为我使用的是画布,如果我应该只使用一个包含所有字母和符号的精灵表,因为在我的案例中它们的数量很少,并制作一个脚本,它只会在屏幕上显示每个文本字符串使用那些字母精灵。

这种解决方案会非常损害性能吗?

我也在考虑是否可以更改字体的默认大小。我注意到每种字体都有一定的大小,不是为网络制作的,它可以完美地显示在网络浏览器中。当我调整大小时,它开始扭曲。有可能以某种方式改变它吗?

4

1 回答 1

0

如果您想要无失真缩放,请将您的字体转换为 SVG。

普通字体是光栅图......由缩放不良的固定像素组成。

SVG 是矢量图形...由可以很好地缩放的线条+曲线组成。

除了 Firefox 和 IE,您可以直接在浏览器中使用 SVG 字体。

对于这两个浏览器,您将不得不学习一些关于在文档中嵌入 SVG 的知识——这并不难。您可以构建一个使用 SVG 字形数据构建文本输出的文本工厂。

这是一个将 TTF 字体转换为 SVG 字形的网站:

http://www.freefontconverter.com/

祝你的项目好运!

于 2013-08-20T22:13:46.937 回答