In JSF 2.0, you can use <h:outputStylesheet /> output a css file.

For example,

It will generate following HTML output…

JSF outputStylesheet example

An example to show the use of JSF 2 <h:outputStylesheet /> to render a “style.css” file, locate in the “resources/css” folder, see figure below :

JSF file

        
        
                    
     
JSF 2 outputStylesheet example
                
                     
     
      This is red color
     
            
        

It will generate following HTML output

                
                                   
JSF 2 outputStylesheet example
                   
    
     This is red color
    
            

Warning

When render CSS file via <h:outputStylesheet /> tag, remember put the <h:head /> tag as well; Otherwise the css file will not be included.