问题标签 [kerning]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
688 浏览

php - TCPDF 是否支持字距调整?

我的意思是成对的间距可以防止像这里描述的 AV 这样的对之间的奇怪空间。维基百科页面声称确实如此,但我的测试根本没有显示任何字距调整。

我正在运行版本 5.9.156。

0 投票
3 回答
5804 浏览

objective-c - NSString 填充/字符之间的空格

我正在 Obj.C 中寻找一种简单的方法来在字符串的每个字符之间添加一个空格。所以“1234”看起来像“1 2 3 4”。

我在这里找到了一个完美的 javascript 示例:https ://stackoverflow.com/a/7437422/949538

有谁知道 Obj.C 有类似的东西吗?Kerning 是 iOS 中的 PITA,无论如何这就是我所需要的……

想法/评论?

谢谢!- 德鲁

0 投票
1 回答
493 浏览

ios - iOS 中的 .ttf 字距调整:如何读取字距调整信息?

我在 iOS 应用程序(cocos2d、OpenGL)中使用自定义字体并且没有字距调整。字体已经有字距调整信息(在我的 Mac 上的 TextEdit 和 Pages 字距调整对看起来不错),但是当我在应用程序中使用此字体时 - 字距调整不适用。有没有办法在 iOS 应用程序中使用带有自定义 .ttf 字体的字距调整对?

0 投票
1 回答
749 浏览

css - 禁用 Firefox 和 ie10 的自动字距调整?

如何禁用 Firefox 和 ie10 的自动字距调整?我花了一段时间试图寻找解决方案,但我得到的只是过时的页面和实验方法。

0 投票
1 回答
1535 浏览

css - Safari 使用 Typekit 和 optimizeLegibility 移除字间距

Safari 使用 Typekit 字体和文本渲染删除单词之间的空格时遇到问题:css 中的 optimizeLegibility ..

它在 Chrome 中运行良好,因此不是 webkit 问题。它在 Firefox 中也很好用。我想使用 optimizeLegibility 的原因是因为 webkit 浏览器中的字距太可怕了。

有什么建议吗?

编辑: 我在这里创建了一个示例 (它在 Firefox 和 Chrome 中运行良好,但在 Safari 5.1.7 中不适用(至少在 Windows 中不适用))

作为替代方案,如果有人可以帮助我在 Firefox 中获得起始点,就像在 Chrome 中一样,我可以使用 lettering.js 或其他东西来手动调整它。我无法让它与文本渲染一起使用:optimizeSpeed;

编辑:从 Typekit 得到这个答案:

很抱歉你遇到了这个问题。不幸的是,我们已经看到了其中一些问题: Safari 和 Chrome 中的 optimizeLegibility。它似乎非常随机并影响某些字体。

很抱歉,除了向 Safari/Webkit 提交错误外,我们对此无能为力。

你能告诉我哪个字体显示了这个问题吗?让我知道,我们会从那里拿走它。

希望他们能想出办法:)

编辑:我现在从 Typekit 得到了更多答案。

对于大标题,您可以简单地使用 CSS 更改设置。这样,您在 Firefox 中的起始位置相同:

文本渲染:optimizeSpeed;

这将改变 Firefox 和其他的文本渲染。然后你可以用 lettering.js 紧缩。

我希望这有帮助。如果您还有其他问题,请告诉我。

但是我已经尝试过了,所以我让他们知道,不幸的是他们无法再帮助我解决这个问题。

我附上了一张它在不同浏览器中的样子的图片,所有浏览器都使用 Windows 7..

使用 Abril Display 在不同浏览器上使用 typekit 进行文本渲染

0 投票
3 回答
2704 浏览

css - chrome和firefox之间的字体字距调整

我正在开发一个带有自定义字体的菜单,并且在 chrome(和 safari)中,它的间距完全符合我的要求。

http://american-motorsports.net/2012/

当我在 Firefox 中查看它时,字体的字距有点不同,导致最右边的菜单项上有一点黑色间隙。我可以看到FABRICATIONFA之间的区别

HTML 现在非常简单:

到目前为止,CSS 由这些组成

所以问题是如何消除差距,使其看起来像 chrome 和 safari 或修复字距调整问题..我只是不希望 Firefox 中的那个差距

0 投票
1 回答
774 浏览

php - 文本未在 SVG 中排列

问题

如何正确匹配 PHP (5.2.17) 中 GD 库的字距调整与 SVG (1.1)?

问题

PNG 和 SVG 文件文本不相同。字距调整似乎已关闭。

情况

我有一个 Web 应用程序,它从一些文本和位置数据创建 SVG 文件和图像文件 (PNG)。

目前,这两种实现都“工作”,就像所有东西都在创建中一样。SVG 文件正常工作,PNG 正常工作。我遇到的问题是文本没有对齐。字距调整似乎已关闭。

PNG 将成为我们的基准(我们试图复制的内容)。

我想要的是

我希望“line”中的“l”与第二行的最后一个“L”对齐。 错误的可视化

我试过的

  • 我确保我对 SVG 和 PNG 文件使用相同的字体。
  • 我用 SVG 对字体进行了 base64 编码,以确保它是相同的字体
  • 我牺牲了一只山羊。

额外的

  • PHP 将提升到 5.3,在我尝试过的所有 PHP 5.3 服务器上,我有相同的输出。
  • SVG 版本也可以更改。
  • SVG 可以使用分组和视图框。我只是还没有牢牢掌握它们。

演示

http://resurrectionwebdesign.com/demo/demo_text.php

来源
好的,这里有很多来源。我试图尽可能地简化它;然而,剩下的东西是必要的(至少为了让每个人都可以使用它)。

更新/进展

更新 1

我不确定它是否与服务器上生成的图像以及客户端上呈现的文本有关。我目前正在运行 Windows 构建,但如果必须,我将抛出一个 CentOS VM,并在 VM 上测试映像以及从 VM 中的浏览器查看映像的样子。

更新 2

我已经尝试过以我知道的各种方式嵌入字体。到目前为止,结果都是一样的。我会考虑尝试转换,看看是否有效。

更新 3

好的!一些进步!我发现 SVG WG 委员会的人建议从 SVG 文档中删除 doctype。我做到了,现在我得到了一些不同的结果。我不确定它们有多好,但我现在肯定看到了不同的东西。所以这是一个优点。

更新 4
我尝试明确设置每个字符之间的间距(而不仅仅是句子),但仍然没有骰子。这似乎更抵消了一切。而且看起来更丑。尽管该功能运行良好并且对图像很有用(可能分析验证码?)

这是代码,如果有人感兴趣:

更新 5

名为“textLength”的强大属性对我有所帮助!我还没有让它完全工作,但这绝对是一个显着的改进。我仍然遇到一些缩放问题。我不确定它是否可以接受,但是,它非常接近。

更新 6

这是我发现 textLength 元素所做的事情:

在此处输入图像描述

所以,正如你所看到的,第二行“Line up last L”看起来非常完美,就排队而言,没有 textLength。但是,第一行“一行中的多个单词”看起来很糟糕。一切都已经过去了。然而,与 textLength 相比,它似乎合适。

更新 7

我想我解决了。我不只是执行“textLength”并将其设置为提供的长度,而是将其调整了 2px,它排列得很好。微小的差异可能仅仅是因为服务器上的像素宽度与 SVG 放置的粒度。我不知道我是否真的可以做更多的事情来改变它。我确定有,但我将回答我自己的问题并将其标记为已解决。

0 投票
2 回答
100 浏览

javascript - 弧形文本中字符串字符之间的间距不太正确。(HTML 画布)

见这里 - http://schnell.dreamhosters.com/nysbc/test6.php
JSFiddle - http://jsfiddle.net/VauFH/

绘制文本的部分...

正如您可能知道的那样,彩色光盘顶部的文本之间的间距有点偏离。我尝试过为每个字母设置一定数量的弧度/度数,但是半径越远,间距就越大,因此最外面的文本开始快速分离。我还尝试制定某种公式,将半径纳入每个字母的间距,但我似乎也不能完全正确。有人有想法么?

此外,效率方面的任何调整也将受到赞赏。我喜欢尽可能优化。

0 投票
1 回答
861 浏览

c# - 构建用于调整字体中字符的字距和间距的软件

正如标题所暗示的,我想构建一个可以读取 .ttf 和 .otf 文件的软件,然后允许用户调整字距、字符宽度和字符间距。我知道项目 freetype,但它是用 C 编写的,我只能用 C# 和 Python 编写代码。编写 .otf 和 .ttf 逻辑有多难?

谢谢变形

0 投票
2 回答
8545 浏览

java - java.awt.font 字母间距

使用 java.awt.font 时是否可以增加字母间距?像这样的东西: