问题标签 [letter-spacing]

有没有办法使用 CSS 使用字母间距自动对齐单词，每个单词在其行中，以定义的宽度？

例如，“Something like this”看起来就像这样：

是否有一种不显眼的方式将这种样式应用于我的文本？我相信纯 CSS 没有这个选项（至少没有 3 之前的 CSS 版本，CSS3 似乎有一个text-justify属性，但它还没有得到很好的支持），所以 js 解决方案也可以。

我们有一些非标准的网络字体（我们有许可证），我们收到了该字体的 .otf 版本。有一些在线工具可以将字体转换为 web 格式，然后使用一些 css 可以包含字体，到目前为止一切都很好。

然而，当在不同的浏览器中显示文本时，呈现的文本更宽/更小，字间距也不同。我进行了测试以确保字体在不同的浏览器中实际使用，并且一切正常。

支持所有浏览器需要 4 个字体文件，而且似乎每个文件对于使用的每种字体大小都有自己继承的字母间距和字间距。

如果你想在这里看到包含语句，它是：

我认为处理这个问题的最好方法是生成具有相同单词和字母间距的不同格式的字体，只是我不知道如何实现这一点。

字体内部使用 EM 作为字形宽度。因此，将文档字体大小设置为某个值并对使用的字体进行相应缩放，然后为我使用该字体的每个元素设置一个字体大小对我来说是有意义的。

在@font-face 定义中设置字母和单词间距也没有任何效果，因为它是设置字体自身间距的调整。

任何人都知道一个字体生成器，它对每个生成的字体都有相同的单词和字母间距？还是有其他解决方案/建议？

我尝试了 2 个字体生成器，但只记得最后一个，http://www.fontsquirrel.com/fontface/generator

同样，在使用该字体时，任何人都知道如何测试是否可以在给定字体的情况下打印所有语言（utf-8 字符）？我尝试打印一堆 utf-8 字符以查看它们是否可以显示，但我当然不知道所有语言，所以我不知道它是否可以。

谢谢 ：）

编辑：

我制作了我使用的不同浏览器如何呈现字体的打印屏幕

http://www.imagedump.nl/img9/8589/15fonts.png

使用的 css：

我正在寻找的东西是有一些默认的起始位置，所有浏览器都呈现相同的字体

与“不同”部分相比，像 ff 这样的浏览器呈现的文本与像 ie 这样的浏览器不同，它们都使用不同的生成字体文件。但是当它们都使用相同的生成字体文件（woff）时，chrome 与 ff 也存在差异

我有一个在 FF (3x, 4x)、Chrome、IE (6, 7, 8) 中呈现正常的页面。

在 IE9 上测试时，文本更宽。调查这个问题，似乎文本实际上是用比其他浏览器更间隔的字母呈现的。

当将字母间距更改为 -0.6px 时，文本呈现正常，类似于其他浏览器。此外，当将渲染模式更改为“兼容性视图”时，页面看起来还不错。

你知道是什么导致了渲染模式的变化吗？

我使用条件注释“解决”了这个问题，但我对此并不满意

是否存在其他解决问题的方法？

编辑

我在不同的机器和不同的浏览器上做了一些截图，结果可以在这里看到

如您所见，在具有不同浏览器的不同机器上，结果是相同的。唯一呈现不同的是标准模式下的 IE9。源页面是

我有垂直旋转的 span 元素，其中包含一些文本：

我怎样才能使跨度中文本字母之间的间距根据容器的高度而变化？基本上我希望文本跨越元素的整个高度......

我需要在 JTextPane 中修改字母间距（字体跟踪），但我无法让它工作。

当我使用 JTextArea 时，我可以这样做：

但由于我需要更改行距，我需要使用 JTextPane，并执行以下操作：

就像我对 JTextArea 所做的那样不起作用。我尝试的另一件事是：

但是跟踪属性不起作用。

我究竟做错了什么？

嘿所有.. 就像听起来一样。

目前使用 @fontface、lettering.js 和 kern.js 来使这个词变得漂亮和可扩展。

很乐意做所有这些，并在上面扔一个漂亮的渐变。

谢谢！

我有div一个固定宽度的，但里面的文字（某人的名字）会有所不同。有没有办法动态调整文本大小/字母间距以完全适合div？

但是，我不能使用 javascript，因为此脚本将用于不读取 javascript 的 HTML-PDF 转换器

text-align:justify就好像文本对于 div 来说太长一样不起作用，它不会调整它的大小。我发现text-align:justify仅适用于段落等。

名称不能分两行

我有一个网络字体，我试图让间距恰到好处。我将其设置为字母间距：.03px。在 Firefox 5 中效果很好，但我知道这不适用于跨浏览器。我能做些什么来帮助这个吗？或者这适用于哪些浏览器？

我遇到了这个问题，我需要让用户更容易阅读文本，所以我使用了 1 px 的 letter-spacing，但它看起来很难看，所以我想我会使用半个像素所以 0.5px，但它不起作用，我尝试使用 em 属性，但没有完成任务。

那么有没有办法让字母间距半像素（如果可能的话，跨浏览器解决方案）

我知道尝试固定显示通常是网页设计的禁忌，但请听我说！

我正在为我运行的论坛开发类似白板的附加功能。长话短说，这个想法是用户可以像往常一样用文本和 bbcode 输入他们的帖子，然后在他们的文本之上建立一个托管画布，用鼠标在上面涂鸦，点击提交，然后涂鸦会出现在他们的帖子顶部。服务器将图像处理为透明背景 png，然后将其正确对齐到文本中。

所以我实际上让后端处理和前端接口都可以很好地协同工作。剩下要做的唯一部分是显示，其中处理后的涂鸦与文本顶部对齐。而且，要使其正常工作，文本上的图像对齐需要非常精确。例如，如果用户圈出或划掉一个词，并且文本没有以相同的方式呈现给另一个用户，那么最终结果将是错误的。所以，我认为我需要锁定文本显示。这有点烦人，因为现在一切都非常流畅，但是嘿，这将是一个非常酷的功能，对吧？所以，我已经固定了显示后框的宽度，但我对如何处理字体感到困惑——如何设置大小、面、字母间距、行间距、

有没有人有任何想法？如果有帮助，我根本不关心 IE 或移动显示...