Codebase Browser
chromium
Go to App

chromium/third_party/blink/web_tests/virtual/text-antialias/mac-system-ui-slant.html 

<!DOCTYPE html>
<style>
  .system-ui-font {
    font-family: system-ui, cursive;
  }
</style>
<div style="display: flex;">
  <div style="flex: 1; font-size: 12px;">
    <div class="system-ui-font" style="font-style: italic;">System italic font</div>
    <div class="system-ui-font" style="font-style: oblique 5deg;">System font oblique 5deg</div>
    <div class="system-ui-font" style="font-style: oblique 14deg;">System font oblique 14deg</div>
    <div class="system-ui-font" style="font-style: oblique 20deg;">System font oblique 20deg</div>
    <div class="system-ui-font" style="font-style: italic; font-weight: 100;">System italic font at weight 100</div>
    <div class="system-ui-font" style="font-style: italic; font-weight: 200;">System italic font at weight 200</div>
    <div class="system-ui-font" style="font-style: italic; font-weight: 300;">System italic font at weight 300</div>
    <div class="system-ui-font" style="font-style: italic; font-weight: 400;">System italic font at weight 400</div>
    <div class="system-ui-font" style="font-style: italic; font-weight: 500;">System italic font at weight 500</div>
    <div class="system-ui-font" style="font-style: italic; font-weight: 600;">System italic font at weight 600</div>
    <div class="system-ui-font" style="font-style: italic; font-weight: 700;">System italic font at weight 700</div>
    <div class="system-ui-font" style="font-style: italic; font-weight: 800;">System italic font at weight 800</div>
    <div class="system-ui-font" style="font-style: italic; font-weight: 900;">System italic font at weight 900</div>
  </div>
  <div style="flex: 1; font-size: 20px;">
    <div class="system-ui-font" style="font-style: italic;">System italic font</div>
    <div class="system-ui-font" style="font-style: oblique 5deg;">System font oblique 5deg</div>
    <div class="system-ui-font" style="font-style: oblique 14deg;">System font oblique 14deg</div>
    <div class="system-ui-font" style="font-style: oblique 20deg;">System font oblique 20deg</div>
    <div class="system-ui-font" style="font-style: italic; font-weight: 100;">System italic font at weight 100</div>
    <div class="system-ui-font" style="font-style: italic; font-weight: 200;">System italic font at weight 200</div>
    <div class="system-ui-font" style="font-style: italic; font-weight: 300;">System italic font at weight 300</div>
    <div class="system-ui-font" style="font-style: italic; font-weight: 400;">System italic font at weight 400</div>
    <div class="system-ui-font" style="font-style: italic; font-weight: 500;">System italic font at weight 500</div>
    <div class="system-ui-font" style="font-style: italic; font-weight: 600;">System italic font at weight 600</div>
    <div class="system-ui-font" style="font-style: italic; font-weight: 700;">System italic font at weight 700</div>
    <div class="system-ui-font" style="font-style: italic; font-weight: 800;">System italic font at weight 800</div>
    <div class="system-ui-font" style="font-style: italic; font-weight: 900;">System italic font at weight 900</div>
  </div>
</div>