Styling Text with utility classes Part 2

Estimated reading: 1 minute 32 views

In part 2, we continue to explore the available classes in Tailwind CSS.

				
					// Styling
 .italic {}
 .not-italic {}

				
					 // Font Weight (Bold)
 .font-hairline {}   
 .font-thin {}       

 .font-light {}      
.font-normal {}     
.font-medium {}     

 .font-semibold {}  
 .font-bold {}       

 .font-extrabold {} 
 .font-black {}

				
					// Letter Spacing
 .tracking-tighter {}    
.tracking-tight {}      
.tracking-normal {}     
.tracking-wide {}       
.tracking-wider {}      
.tracking-widest {}

				
					leading-none {}         
.leading-tight {}        
.leading-snug {}         
.leading-normal {}       
.leading-relaxed {}      
.leading-loose {}

				
					/ Text Decorations
 .underline {}
 .line-through {}
 .no-underline {}

				
					 // Text Transform
 .uppercase {}
 .lowercase {}
 .capitalize {}
 .normal-case {}