问题标签 [letter-spacing]

这个问题说明了一切。我一直在四处寻找并开始担心这是不可能的。

我有这个画布元素，我正在向其中绘制文本。我想设置类似于 CSSletter-spacing属性的字母间距。我的意思是在绘制字符串时增加字母之间的像素数量。

我绘制文本的代码是这样的，ctx 是画布上下文变量。

我尝试ctx.letterSpacing = "2px";在绘图之前添加，但无济于事。有没有办法通过简单的设置来做到这一点，还是我必须制作一个函数来单独绘制每个字符并考虑间距？

这是我的问题。在站点项目中使用名为“PT Sans Narrow”的 Google Webfont。作为序言，FF 和 IE 完美地展示了它。Webkit 浏览器是另一回事，字体加载正确，但是当我将它与“字母间距：-.05em”结合使用时，我得到一个简短的文本加载，我看到没有字距调整的 webfont - 坚持在那里几分之一秒，然后将自身刷新为最终正确紧缩的外观。我可以将其描述为一种“弹弓”效果，而不是任何东西——如果这有意义吗？

我正在使用 .wf-loading 脚本来确保没有 FOUT。

这是我的 CSS

我只是在我的 HTML 中需要它的地方调用“sansNarrow”类

我的问题是有没有其他人遇到过这个问题，是否找到了可行的解决方案？

我尝试创建一个 jquery 函数，该函数在页面加载后 300 毫秒后使“.sansNarrow”出现/淡入，但它依赖于将原始类设置为“显示：无”，如果 JS 关闭，这不是一个可行的选项.

提前致谢！

使用来自 Google Webfonts 的 Dosis 字体...

在 Firefox 和 Safari 中进行了广泛的测试之后，虽然我完全清楚我永远不会让这两种浏览器都像我的 Photoshop 中的原始设计视图那样完美地查看它，但我偶然发现了最令人不安的问题：

字母间距

无论我尝试什么，我都无法在 webkit 浏览器中获得正确的字母间距。

一个简单的例子：

这在 Firefox 中以我想要的方式呈现得非常好（如果我将 FF 修改为 15.5px 字体大小会更好，这没关系[除非有人反对]）。

但是，在 Safari 中，字母间距不起作用。

经过一些研究，我发现它不允许低于 1px 的字母间距，但据说如果我使用em度量它会这样做。随它吧。

如果我最多使用：

没发生什么事。不用找了。字母间距太小了。

但如果我使用：

突然它突然响起，字母间距太高了。就像一个 10 个单词的文本块突然占用了 50 多个额外的像素宽度。

我不明白。

有谁知道如何解决这一问题？

谢谢你。

我真的是 jQuery 的初学者，今天我尝试创建这种可爱的水平手风琴菜单，上面有一些文字。

现在我让手风琴工作了，但我也尝试为文本的字母间距设置动画。

编辑： 请注意宽度动画正在工作，问题是字母间距没有动画回-14px，而是跳回来。

我到处搜索，找不到解决方案。

这是我的 jQuery 代码：

http://jsfiddle.net/d5MYS/ - 实时代码

谢谢 ：）

我正在努力解决像 safari 这样的 webkit 浏览器不支持小于 1 像素的字母间距的事实。有什么解决办法吗？我正在考虑转换我的字体并将字母间距直接添加到该新字体中：如果有支持它的转换器，这会起作用吗？谢谢

So I know that my question is pretty technical, but basically I would like to know specifically how the following CSS affects the display of text in <p> tags.

I know that Georgia is a proportional font, that the designer has spent time crafting the spaces between letters to make the font more readable and visually pleasing.

But my question is how does the letter-spacing property affect this proportionality? Does this code add two pixels onto the spacing already defined by the type designer, or does it reset that spacing to two pixels?

我的目的是在伪元素的内容中包含两个字母，每个字母之间的间距为 1 像素。

我已经尝试了显而易见的方法，它分配了letter-spacing1 个像素：

问题是两个撇号没有得到所需的间距。这是结果的快照：

这就是我想要实现的目标：

怎么做到呢？

我在使用Google Web Fonts上找到的字体时遇到了一些问题。

正如您在下面发布的图片中看到的那样，当我使用 Firefox 时，“Versus”中的大写 V 与“e”重叠。虽然当我使用 Chrome（或 IE）时，它不会重叠，并在两个字符之间留下难看的空间。

有没有办法解决这个问题，让它看起来像 Firefox 中的一样？还是我应该开始寻找另一种字体？

我的 HTML：

我的 CSS：

}

提前致谢！

出于某种原因，我正在使用的字体上的单词之间的空格消失了。请参阅： http: //www.fantasynews.com/ 我正在使用 Twitter Bootstrap，稍作修改以使用 Google Web 字体。有问题的字体是由 Google 网络字体提供的 Oswald： http ://www.google.com/webfonts/specimen/Oswald 那里的间距对我来说似乎很正常。

我不是 CSS 专家，但我的代码中没有触及任何应该改变空格显示方式的内容。我不知道任何应该特别针对空间的东西。我觉得这是我忽略的一些愚蠢的错误，但我一无所知。如果我查看源代码，当我检查元素时，空格和空格都明显存在，以防一些 javascript 在玩诡计。

我使用的是最新版本的 Chrome，尽管这也出现在 Firefox 中。

我应该说，间距问题专门针对最新玩家新闻下框中的标题出现

有没有办法在 raphael js 文本中设置字母间距？它可以在 CSS 中轻松完成，我如何在 raphael 中完成？任何黑客也可以..