optimizeSpeed和optimizeLegibility效果对比实例页面

展示

代码

• HTML：

  <p class="optimizeSpeed">ff fi fl ffl - optimizeSpeed</p>
  <p class="optimizeLegibility">ff fi fl ffl - optimizeLegibility</p>

• CSS：

  p {
      font: 1.5rem "Constantia", "Times New Roman", "Georgia", "Palatino", serif;
  }
  .optimizeSpeed {
      text-rendering: optimizeSpeed;
  }
  .optimizeLegibility {
      text-rendering: optimizeLegibility;
  }