问题标签 [letter-spacing]

这是一个让我感到悲伤的 CSS 示例：

在 Chrome 中，它看起来是正确的，但在 Safari 中，它会将字母间距增加 1 个像素。

铬屏幕截图

Safari 截图

为了证明这一点，如果我更改为letter-spacing: -1px，Safari 看起来不错，但 Chrome 看起来太扁了。

过去我曾在一些@font-face webfonts 上遇到过这种情况。我最近下载了免费的Museo Sans 500 webfont，但在某些字母间距正确时遇到了一些问题，特别是字母 f。调整 CSSletter-spacing属性时，只要有“f”，它就不会再次应用字母间距，直到“f”后面的第二个字母。

例如：

或者另一个使用单词的例子：

无论如何，我遇到了这个也使用该字体的网站，但是当弄乱他们网站上的文本和字母间距时，它没有任何问题。

我以前从未创建或编辑过字体，所以我不确定这是否与编辑字体本身有关，或者是否与 @font-face 以及我可以用 css 修复的问题有关。

我试过弄乱我知道的每一个 css 字体属性，但似乎没有一个能解决这个问题。

我遇到了一个非常漂亮的插件，kerning.js，我可以用它来临时解决这个问题，但是对于一个字母来说似乎有点过分了，特别是因为它似乎在我之前链接的其他网站上也能正常工作。关于如何用 CSS 解决这个问题的任何建议，还是我必须与字体本身有关>

我正面临一个烦人的问题。当我从 HTML 创建 PDF 时，在某些 div 上使用 CSS 属性“字母间距”时，浏览器 (Firefox) 和 PDF (Gecko) 呈现不同。

实际上，似乎 ABCPdf 以某种方式为我的值添加了一个常数。例如，如果我声明 1.1px 的字母间距，ABCPdf 会呈现 0.8px。这个“常数”取决于字体大小（这里是 12px）。

我正在使用等宽字体：Courier New, Courier, monospace

我应该检查什么？我已经在使用 FontEmbed = true，以获得更好的质量。

我无法升级我的 ABCPdf 版本。

谢谢阅读 ：）

我写了以下代码

为什么 Hello 和 Canvas 之间还有空间，当我已经为每个元素设置了每个填充和边距为零时？我对这件事感到困惑。

而且我开始了解内联和块元素，我使用它们但无济于事，当我将它们设置为块时，它们删除了两个画布元素之间的空间，但我不知道它们是如何工作的？

如果您在此问题中发现有问题，请发表评论，我会纠正它，我仍在学习本网站的方法。

更新 由于人们指出它是 line height ，您能否在答案中包含示例并解释它的含义？

我使用 Google 字体 'Roboto' 和 .3em 的扩展字母间距。在这种情况下，如何在由 'fl' 和 'fi' 组成的单词中纠正小 'f' 字母的粘性连字？我试图将“Roboto”的字体系列更改为“sans”和“sans-serif”，但在扩大字母间距的情况下看起来很可笑。你有什么建议吗？

我正在尝试将动态生成的文本放入父 div 中。问题是文本的长度每天都在变化，有时会溢出父 div。我已经看到很多论坛可以缩放文本大小或拉伸内容以填充容器，但是，我使用的内容必须保持设置的字体大小和行高。

我正在寻找一种基于 Jquery 的字距调整方法，我可以在其中设置最大负和正字距限制。如果达到限制，但内容仍然不合适，则将删除最后一句并重新开始字距调整程序。这将根据需要重复，直到内容适合父级。

https://jsfiddle.net/j61xke31/

HTML：

CSS

对此事的任何帮助表示赞赏。

我正在尝试使用fabricjs 将字母间距功能添加到我的照片/文本编辑项目中。

试过的代码

但不工作。我发现这个话题是在2015-2016年发现的，认为现在已经解决了。但是我找不到如何在fabricjs中使用字母间距的解决方案。
主题1：https ://github.com/kangax/fabric.js/issues/1974#issuecomment-255216649

我遇到了奇怪的问题。我附上了字母间距问题的屏幕截图。最初我注意到字母 Fi 没有正确渲染。所以我尝试添加字母间距，但这两个字母不想彼此分开。我从未注意到这种行为。

在屏幕截图中，我使用的是 Lato 字体，但我注意到 Open Sans 的行为相同。我尝试正确渲染的其他随机字体。该问题仅发生在 Chrome 和 Firefox 中，而 IE 正确呈现字体。

任何猜测可能导致它以及如何修复它？任何建议都会很棒。谢谢。

我在我的项目中使用fabricJS，fabric version(1.6.2)。字符之间的间距是否有任何属性？我研究了这个charSpacing属性字符间距小提琴，但我相信它不适用于版本（1.6.2），我试过这个fiddle2。有没有其他方法可以达到类似的效果？

谢谢

PS：我无法更新我的版本，因为它处于完成阶段并且不知道出了什么问题。

我正在尝试在网页的四个侧面放置 4 个文本。所有这些文本都将具有行间距以将所有字符彼此分开。一次，悬停的行间距将减少到正常，使它们出现在中间。

到目前为止，我已经写了这个：

PS： 文本间距不响应，这是另一个问题。