1<!DOCTYPE html> 2 3<html> 4 <style type="text/css" media="screen"> 5 div { 6 margin: 20px; 7 font-size: 24pt; 8 } 9 10 .composited { 11 -webkit-transform: translateZ(0); 12 background-color: white; 13 } 14 15 .smoothed { 16 -webkit-font-smoothing: subpixel-antialiased; 17 } 18 </style> 19<head> 20</head> 21<body> 22 <div class="composited"> 23 This text should be antialiased, but not smoothed. 24 </div> 25 26 <div class="smoothed composited"> 27 This text should be antialiased and smoothed. 28 </div> 29 30 <div> 31 This text should be antialiased and smoothed in the browser, and antialiased in pixel results. 32 </div> 33</body> 34</html> 35