是否有一种方法可以使用CSS将字符串中某一特定范围内的字母彼此移动得更近？_Css_Typography_Kerning_Letter Spacing

是否有一种方法可以使用CSS将字符串中某一特定范围内的字母彼此移动得更近？

css

是否有一种方法可以使用CSS将字符串中某一特定范围内的字母彼此移动得更近？,css,typography,kerning,letter-spacing,Css,Typography,Kerning,Letter Spacing,鉴于我有字符串“软件”，我想减少“f”和“t”之间的间距，并保持字符串间距的其余部分不变在这一点上，我的计划B是在字母f和t周围添加一个跨距，但理想情况下，我不必触摸标记。我的问题是：是否有一种方法可以使用CSS或SCS更改字符串某一特定范围内字母之间的间距代码示例： HTML 这是计划B： h1{ 字体大小：5rem；字体系列：“Comfortaa”，草书； } 跨度{ 字母间距：-0.13em； } 软件你不能给出一个范围，但你可以用这种方式尝试。这可能对你有帮助 <!DO

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

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

是否有一种方法可以使用CSS或SCS更改字符串某一特定范围内字母之间的间距

代码示例：

HTML 这是计划B：

h1{
字体大小：5rem；
字体系列：“Comfortaa”，草书；
}
跨度{
字母间距：-0.13em；
}


软件

你不能给出一个范围，但你可以用这种方式尝试。这可能对你有帮助

<!DOCTYPE html>
<html>
<head>
    <title></title>

    <style type="text/css">
      .myclass{
        letter-spacing: 10px;
      }
    </style>
</head>
<body>

  <h1>I am a <span class="myclass">Software</span> Engineer</h1>



</body>
</html>


.myclass{
字母间距：10px；
}
我是一名软件工程师

将您的特定字符串放入

标记中，如上所述。

您需要的是正常的印刷行为，通常称为“紧排”，它以视觉上令人愉悦的方式调整字母内的间距。例如：

字距是字体的一个功能。换句话说，有些字体有紧排数据，有些没有。在上面的例子中，字体是Times New Roman，它确实包含紧排信息。如您所见，“f”和“t”的位置非常合适

Comfortaa没有内核。要解决您的问题，请使用包含字距数据的字体。

据我所知，不要使用

CSS

来满足您当前的需求。CSS不能为您这样做。您应该使用Javascript获取所有h1元素，遍历字符串并将“t”替换为“t”，我很困惑。如果您不打算更改标记，那么您打算如何告诉计算机您希望在“f”和“t”之间增加间距？CSS是基于标记的。它的规则定义为应用于选择器，选择器的含义是基于标记确定的。如果您询问是否存在某种CSS规则，例如

span{letter spacing:1em介于“f”和“t”}

则不存在。如果此文本“软件”使用的字体在用户浏览器中不可用，并且使用了另一种字体，该怎么办？你还想少点空间吗？如果你这样做了，这就是标记——或者图像——但我打赌你不会——这取决于字体。是的。这就是我的B计划。我用一个片段更新了这个问题，展示了我正在努力实现的目标。

h1{
   letter-spacing:-0.13em; //Is there a way to specify a range here?
}

<!DOCTYPE html>
<html>
<head>
    <title></title>

    <style type="text/css">
      .myclass{
        letter-spacing: 10px;
      }
    </style>
</head>
<body>

  <h1>I am a <span class="myclass">Software</span> Engineer</h1>



</body>
</html>