Tailwind CSS 字体系列

这个类接受了很多 Tailwind CSS 中的字体名称，其中所有的属性都以类的形式覆盖。它是 CSS font-family 属性的替代品。此类用于指定元素的字体。它可以有多种字体作为备份系统，即如果浏览器不支持一种字体，则可以使用另一种字体。

字体家族类：

• 字体sans
• 字体衬线
• 字体单声道

font-sans：此类用于应用网络安全无衬线字体系列，如ui-sans-serif 、 system-ui 、 -apple-system 、 BlinkMacSystemFont 、“ Segoe UI ”、 Roboto 、“ Helvetica Neue ”、 Arial ， “ Noto Sans ”、 sans-serif 、“ Apple Color Emoji ”、“ Segoe UI Emoji ”、“ Segoe UI Symbol ”、“ Noto Color Emoji ”等。

句法：

...

例子：

输出：

font-serif：此类用于应用 websafe serif 字体系列，如ui-serif 、 Georgia 、 Cambria 、“ Times New Roman ”、 Times 、 serif等。

句法：

...

例子：

HTML

 
 
     
 
  
 
    

        GeeksforGeeks
    
 
    Tailwind CSS Font Family Class 
    

        

            Geeksforgeeks: A Computer Science portal for Geeks
        
  
    
 
  
 

输出：

font-mono：此类用于应用网络安全等宽字体系列，如ui-monospace 、 SFMono-Regular 、 Menlo 、 Monaco 、 Consolas 、“ Liberation Mono ”、“ Courier New ”、 monospace等。

句法：

...

例子：

HTML

 
 
     
 
  
 
    

        GeeksforGeeks
    
 
    Tailwind CSS Font Family Class 
    

        

            Geeksforgeeks: A Computer Science portal for Geeks
        
  
  
    
 
  
 

输出：