📜  Tailwind CSS 字体粗细

📅  最后修改于: 2021-09-01 02:20:39             🧑  作者: Mango

这个类在顺风 CSS 中接受很多值,其中所有属性都以类的形式覆盖。它是 CSS font-weight 属性的替代品。此类用于设置与 HTML 文本一起使用的字体的粗细。应用的字体粗细将取决于浏览器中使用的字体系列。例如,某些字体系列仅适用于特定的权重。

字体权重类:

  • font-thin:此类将字体粗细设置为 100。
  • font-extralight:这个类将font-weight 设置为 200。
  • font-light:这个类将font-weight 设置为 300。
  • font-normal:此类将字体粗细设置为 400。
  • font-medium:该类将font-weight 设置为 500。
  • font-semibold:此类将字体粗细设置为 600。
  • font-bold:此类将字体粗细设置为 700。
  • font-extrabold:此类将字体粗细设置为 800。
  • font-black:该类将字体粗细设置为 900。

注意:将组件中的重量更改为上述所需的重量。

句法:

...

例子:

HTML

  

    

  

    

        GeeksforGeeks     

       Tailwind CSS Font Weight Class            
        

            font-thin:                              A Computer Science portal for Geeks                      

           

font-normal:                              A Computer Science portal for Geeks                      

           

font-medium:                              A Computer Science portal for Geeks                      

           

font-bold:                              A Computer Science portal for Geeks                      

           

font-black:                              A Computer Science portal for Geeks                      

    
  


输出: