html改变字母间距,css怎么调整字体间距？

在前端开发的过程中，有时候可能会出现字与字之间比较紧凑，我们可以通过css设置文字间隔让字与字之间的距离大一点，下面我们来看一下如何使用css调整字体间距。

css中解决字与字间隔的方法是使用css样式属性letter-spacing，letter-spacing属性是用来调整字与字之间的间隔即字符间距离的。

下面我们就来直接看一看css文字间隔属性letter-spacing的用法。

如letter-spacing:20px;即设置了字与字之间的距离间隔为15px。

css字体间隔调整的代码：

p{font-size:20px;

letter-spacing: 20px

}

文字间隔调整

效果图：

letter-spacing 属性增加或减少字符间的空白(字符间距)。

该属性定义了在文本字符框之间插入多少空间。由于字符字形通常比其字符框要窄，指定长度值时，会调整字母之间通常的间隔。因此，normal 就相当于值为 0。

属性值：normal 默认。规定字符间没有额外的空间。

length 定义字符间的固定空间(允许使用负值)。

inherit 规定应该从父元素继承 letter-spacing 属性的值。