Tailwind CSS - 字体样式

Tailwind CSS 字体样式 通过使用预定义的类轻松地为网页上的文本设置样式，确保其在整个网站上都显得美观。

Tailwind CSS 字体样式类

下面列出了指定不同字体样式的 Tailwind CSS 类。

类	CSS 属性
italic	font-style: italic;
non-italic	font-style: normal;

Tailwind CSS 字体样式类的功能

italic: 此类将斜体样式应用于文本，使其呈现倾斜外观。
non-italic: 此类会移除文本的斜体样式，确保其显示为直立。

Tailwind CSS 字体样式类示例

以下是 Tailwind CSS 字体样式类的示例，您可以轻松地将不同的文本格式选项应用于这些类，以控制网页上文本的外观。

用于斜体和非斜体字体样式的 Tailwind CSS

此示例展示了如何使用 Tailwind CSS 通过预定义的类为段落设置斜体和非斜体字体样式。

<!DOCTYPE html>
<html lang="en">
<head>    
    <script src="https://cdn.tailwindcss.com"></script>
</head>

<body class="p-4">
    <h1 class="text-2xl font-bold">
        Tailwind CSS Font Style
    </h1>
    <p class="underline">Using Italic</p> 
    
    <p class="italic">
        This text is styled as italic.
    </p>

    <br>
    <p class="underline">Not using italic style</p>
    <p class="not-italic">
        This text is styled as not italic.
    </p>
</body>

</html>

打印页面