问题标签 [letter-spacing]

鉴于我有字符串“Software”，我想减少“f”和“t”之间的间距，并保持其余的字符串间距不变。

此时我的 B 计划是在字母 f 和 t 周围添加一个跨度，但理想情况下我不必触摸标记。那么我的问题是：

有没有办法使用 CSS 或 SCSS 更改字符串的特定范围内的字母间距？

代码示例：

HTML

CSS

这是B计划：

我已经添加了letter-spacing:-1px.但是我还需要letter-spacing平假名（日语）数字。我不能用罗马字来解决这个问题。我如何只为这些数字收紧（减少空间）？

我试图<span style>在句子之间添加，但它没有做任何事情。

见我的jsfiddle

Chrome v49letter-spacings在与矩阵变换和平移结合使用时破坏了 SVG：

活生生的例子：https ://jsfiddle.net/75fpn6de/6/

SVG：

CSS：

我在这里做错了什么（比如违反了一些规范）并且 Chrome 变得更加“限制性”还是 Chrome 中新引入的错误？

仅供参考：这个例子（显然）只是一个更大的 SVG 的一小部分，它是由服务器动态生成的，我不能仅仅改变嵌套和变换矩阵和翻译函数的使用。

我想通过添加 android:letterSpacing=20 在我的 collapsingToolbar 的标题上添加字母间距：

我正在从我的活动类中调用我的 styles.xml：

但是， textSize 有效，但 letterSpacing 属性无效，有人能帮我解决这个问题吗？

我有一个通过 CSS 添加括号的徽章。不幸的是，它还添加了空格，有没有办法在没有负边距的情况下删除空格？
当前输出：项目 (10)
期望输出：项目 (10)

JSFiddle

我正在使用 Nreco PdfGenerator 从 HTML 生成 pdf。一切都很好，但是字符彼此如此接近并且不容易阅读。

有没有办法解决这个问题？

HTML版本

PDF版

这是我的 CSS

看看这个 SVG 文件：https ://commons.wikimedia.org/wiki/File:Matrix_representing_a_6-cube.svg

在页面上生成的 PNG 中，灰色数字位于错误的位置 - 定位和间距都是错误的。但是，如果您单击图像并查看实际的 SVG，一切都会按预期工作。如果我用 Ubuntu Image Viewer 或 Gimp 查看图像，间距也会被破坏。

我已经尝试过带有 x 和 y 坐标 ( <text x="7" y="7">63</text>) 的文本标签，但在桌面上没有帮助。顺便说一下，这个 SVG 是有效的。

我该怎么做才能呈现正确的图像？

在 Commons 上，我得到以下提示：

这是phab:T36947和phab:T65703组合的极端示例（在下一次维基媒体更新中得到修复）

我现在正在设计一个 HTML 电子邮件。到目前为止一切都很好。但我的客户希望多一点letter-spacing。letter-spacing1px 太多了，但没有太大letter-spacing。

我letter-spacing在某些地方使用了 0.5px。

它在除 Outlook 之外的所有主要客户端中看起来都不错。在 Outlook 中，letter-spacing四舍五入为 1px。是否有任何方法可以修复letter-spacingOutlook 中的显示权限？

我的问题与这个问题基本相同，但将“line-height”替换为“letter-spacing”：当继承相对 line-height 时，它与元素的 font-size 无关。为什么？我如何使它相对？

我的用例是这样的：

我知道它不起作用的原因是计算值而不是指定值是继承的，所以我必须在letter-spacing每次font-size更改时重新指定。但我希望有一些类似于无单位价值观的line-height工作方式。

当然我可以这样做：

但是我无法阻止某些元素的级联，就像我可以使用的那样line-height：

我的意思是，当然，我总是可以这样做......

但它仍然没有我想要的那么优雅。我不认为这个问题有一个优雅的解决方案，但我问的是我是否遗漏了一些东西。

克雷格尼尔森

我不擅长编码 - 我可以自定义现有的东西，但我在更正页面上的徽标/标题时遇到了很多麻烦。只是页面左上角写着“craigknelson”的文字。

当缩小浏览器窗口的大小时，它在桌面上运行得非常好，但在移动设备上查看时，它会拉伸文本，从而拉伸整个窗口的宽度。

这是我的文本间距的 CSS 问题吗？

移动网站