添加一组 div 元素，里面可以包装两行文字，用
这个元素换行。 下面我们用 tailwind 提供的一些类设置一下文字的样式。在这个 div 元素上面，添加一个 class 属性。

先把字体设置成 font-serif（ˈserəf） ，意思就是使用带衬线的这种类型的字体，如果想使用不带衬线的字体，可以用一个 font-sans 。

颜色

再设置一下文字颜色，添加一个 text-，输入这个前缀的时候编辑器会列出一大堆可以使用的类，这些类都来自 tailwind 这个 css 框架。 文字颜色相关的类，就是这些带 text- 前缀，后面跟着颜色的名字，比如 gray，red，yellow 等等，然后再选择一个浓度，50 最浅，900 最深。

比如这里我们用一下 text-blue-600，意思就是把文字的颜色设置成蓝色，选择的颜色浓度是 600。

大小

设置一下文字的大小，先输入一个 text-，会列出文字尺寸相关的类，比如 xs 表示超小号，sm 是小号，lg 是大号，xl 是超大号。添加一个 text-lg 表示要使用大号的文字。

平滑

下面再添加一个 antialiased ，设置一下字体平滑。

粗细

要改变文字的粗线程度可以先输入 font- ， 这里这些 thin，light，normal，bold 都是设置文字粗细用的类，用一下 font-thin，让文字细一点。

字间距

设置文字与文字之间的距离，要以使用 tracking 开头的类，比如 tracking-widest 可以加大字间距。鼠标放在这个类的上面，会显示，这个类实际上就是用了 letter-spacing 这个样式属性设置了一下字间距。

行间距

要设置行与行之间的距离，可以用 leading 开头的类，比如 leading-relaxed 可以让行与行之间的距离宽松一些。这个类就是用 line-height 这个样式属性设置了一下行距。

对齐

如果想右对齐文字，可以用一个 text-right。这个类其实就是把 text-align 设置成了 right。