demos.font-sizing.xhtml Maven / Gradle / Ivy

Go to download

Show more of this group Show more artifacts with this name
Show all versions of flying-saucer-examples Show documentation

Misc. Flying Saucer example code. It is not deployed with a release.

There is a newer version: 9.11.1

Show newest version





    
    Flying Saucer: CSS Font Sizing Support
    
    
    
  

  
    Previous Page
    Next Page
    Flying Saucer XML/CSS2 Renderer
    
      CSS 
      Font 
      Sizing 
      Support
    
      

      Font sizing support includes: Apart from the standard XHTML h1-h6 elements, you can also size
      fonts using the xx-small through xx-large styling attributes, as well as proportionately-sized elements
      using em, %, and ex.
      

      Table of Absolute versus HX Sizes
      
      
        CSS abs-size
        xx-small
        x-small
        small
        medium
        large
        x-large
        xx-large
      
      
        HTML Headings
        h6
        {n/a}
        h5
        h4
        h3
        h2
        h1
      
      
        HTML Font
        1
        {n/a}
        2
        3
        4
        5
        6
      
      

      Proportional Sizing using EM Square, EX, and %
      
      
      
		  
			  
				  
					  0.6em
					  0.7em
					  0.8em
					  0.9em
					  1.0em
					  1.1em
				  
				  
					  1.2em
					  1.3em
					  1.4em
					  1.5em
					  1.6em
					  1.7em
				  
				  
					  1.8em
					  1.9em
					  2.0em
					  3.0em
				  
			  
		  
	
		
			
				0.6ex
				0.6ex
				0.7ex
				0.8ex
				0.9ex
				1.0ex
				1.1ex
			
			
				1.2ex
				1.3ex
				1.4ex
			
			
				1.5ex
				1.6ex
			
		
	
	
		
			
				60%
				70%
				80%
				90%
				100%
				110%
			
			
				120%
				130%
				140%
				150%
				160%
				170%
			
			
				180%
				190%
				200%
				300%

CSS abs-size	xx-small	x-small	small	medium	large	x-large	xx-large
HTML Headings	h6	{n/a}	h5	h4	h3	h2	h1
HTML Font	1	{n/a}	2	3	4	5	6