tor-browser

The Tor Browser
git clone https://git.dasho.dev/tor-browser.git
Log | Files | Refs | README | LICENSE

standard-font-family-7.html (2351B)

      1 <!DOCTYPE html>
      2 <html>
      3 <head>
      4 <link rel="author" title="Myles C. Maxfield" href="mailto:mmaxfield@apple.com"/>
      5 <link rel="help" href="https://drafts.csswg.org/css-fonts-4/#standard-font-families"/>
      6 <link rel="match" href="standard-font-family-7-ref.html"/>
      7 <meta name="assert" content="Bold versions of standard fonts work in @font-face"/>
      8 <style>
      9 @font-face {
     10    font-family: "AppleSystemUISerif";
     11    src: local("ui-serif");
     12 }
     13 @font-face {
     14    font-family: "AppleSystemUIMonospaced";
     15    src: local("ui-monospaced");
     16 }
     17 @font-face {
     18    font-family: "AppleSystemUIRounded";
     19    src: local("ui-rounded");
     20 }
     21 @font-face {
     22    font-family: "AppleSystemUISansSerif";
     23    src: local("ui-sans-serif");
     24 }
     25 @font-face {
     26    font-family: "DotAppleSystemUIFontSerif";
     27    src: local(".AppleSystemUIFontSerif");
     28 }
     29 @font-face {
     30    font-family: "DotSFNSMono";
     31    src: local(".SF NS Mono");
     32 }
     33 @font-face {
     34    font-family: "DotSFUIMono";
     35    src: local(".SF UI Mono");
     36 }
     37 @font-face {
     38    font-family: "DotAppleSystemUIFontRounded";
     39    src: local(".AppleSystemUIFontRounded");
     40 }
     41 @font-face {
     42    font-family: "DotAppleSystemUIFont";
     43    src: local(".AppleSystemUIFont");
     44 }
     45 </style>
     46 </head>
     47 <body>
     48 This test makes sure that the bold versions of the design system UI fonts work in @font-face. The test passes if all the text below is bold.
     49 <div>
     50 <div style="display: inline-block; font: bold 72px 'AppleSystemUISerif'; font-synthesis: none;">HeJllo</div>
     51 <div style="display: inline-block; font: bold 72px 'AppleSystemUIMonospaced'; font-synthesis: none;">HeJllo</div>
     52 <div style="display: inline-block; font: bold 72px 'AppleSystemUIRounded'; font-synthesis: none;">HeJllo</div>
     53 <div style="display: inline-block; font: bold 72px 'AppleSystemUISansSerif'; font-synthesis: none;">HeJllo</div>
     54 <div style="display: inline-block; font: bold 72px 'DotAppleSystemUIFontSerif'; font-synthesis: none;">HeJllo</div>
     55 <div style="display: inline-block; font: bold 72px 'DotSFNSMono'; font-synthesis: none;">HeJllo</div>
     56 <div style="display: inline-block; font: bold 72px 'DotSFUIMono'; font-synthesis: none;">HeJllo</div>
     57 <div style="display: inline-block; font: bold 72px 'DotAppleSystemUIFontRounded'; font-synthesis: none;">HeJllo</div>
     58 <div style="display: inline-block; font: bold 72px 'DotAppleSystemUIFont'; font-synthesis: none;">HeJllo</div>
     59 </div>
     60 </body>
     61 </html>