ex-unit-001.html (1165B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <title>CSS Values and Units Test: ex unit computation and dependencies</title> 4 <link rel="author" title="Emilio Cobos Álvarez" href="mailto:emilio@crisal.io"> 5 <link rel="author" title="Mozilla" href="https://mozilla.org"> 6 <link rel="help" href="https://drafts.csswg.org/css-values/#font-relative-lengths"> 7 <link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1529537"> 8 <link rel="match" href="reference/ex-unit-001-ref.html"> 9 <meta name="flags" content="ahem"> 10 <style> 11 @font-face { 12 font-family: foo; 13 src: url('/fonts/Ahem.ttf'); 14 } 15 16 @font-face { 17 font-family: foo; 18 font-weight: 900; 19 /* A font with significantly different ex-height metric than Aham. */ 20 src: url('/fonts/noto/noto-sans-v8-latin-regular.woff'); 21 } 22 23 div { 24 font-family: foo, sans-serif; 25 width: 10ex; 26 height: 20px; 27 background: blue; 28 margin: 20px; 29 font-size: 20px; 30 } 31 </style> 32 <p>All lines except the first should be the same length</p> 33 <div></div> 34 <div style="font-weight: 900"></div> 35 <div style="font-weight: 900; width: 10ex;"></div> 36 <section style="font-weight: 900"><div></div></section>