| <!DOCTYPE html> |
| <meta charset="utf-8"> |
| <link rel="author" href="mailto:xiaochengh@chromium.org"> |
| <link rel="help" href="https://drafts.csswg.org/css-fonts-5/#descdef-font-face-advance-override"> |
| <link rel="match" href="advance-override-ref.html"> |
| <link rel="assert" title="Tests that advance-override sets advance to characters rendered with the font face only"> |
| <title>Tests the advance-override descriptor of @font-face</title> |
| <style> |
| @font-face { |
| font-family: custom-font; |
| src: local(Ahem), url(/fonts/Ahem.ttf); |
| advance-override: 200%; |
| unicode-range: U+0-7F; /* ASCII only */ |
| } |
| |
| .target { |
| font: 20px custom-font, sans-serif; |
| } |
| |
| @font-face { |
| font-family: reference-font; |
| src: local(Ahem), url(/fonts/Ahem.ttf); |
| advance-override: 100%; |
| unicode-range: U+0-7F; /* ASCII only */ |
| } |
| |
| .reference { |
| font: 20px reference-font, sans-serif; |
| } |
| |
| </style> |
| |
| <p>advance-override should affect Ahem characters only.</p> |
| |
| <div class="target"> |
| XXX一二三XXX |
| </div> |
| |
| <p>advance-override: 100% should be the same as no override.</p> |
| |
| <div class="reference"> |
| XXX一二三XXX |
| </div> |