Add @page margin support
[WebKit-https.git] / LayoutTests / fonts / use-typo-metrics-1.html
1 <!DOCTYPE html>
2 <meta charset="utf-8"/>
3 <title>Open Font Format: USE_TYPO_METRICS</title>
4 <link rel="help" href="http://www.mathml-association.org/MathMLinHTML5/S2.html#SS2.SSS1"/>
5 <link rel="match" href="use-typo-metrics-1-ref.html"/>
6 <style>
7   @font-face {
8     font-family: TestFont;
9     src: url("lineheight5000-typolineheight2300.woff");
10   }
11   .green {
12      position: absolute;
13      background: green;
14      width: 115px;
15   }
16   .red {
17      position: absolute;
18      background: red;
19      width: 115px;
20   }
21   .forceHeight {
22     height: 230px;
23   }
24   .leftSide {
25     left: 10px;
26   }
27   .rightSide {
28     left: 125px;
29   }
30   span {
31     /* em=1000, lineHeight=5000, typoLineHeight=2300 and font-size=100px
32        implies typoLineHeightPx = 230px < 500px = lineHeightPx */
33      font-family: TestFont;
34      font-size: 100px;
35      color: transparent;
36   }
37 </style>
38 <body>
39   <p>Test passes if there is a green square and no red.</p>
40
41   <div>
42     <!-- Left side verifies that typoLineHeightPx <= 230px -->
43     <div class="leftSide red"><span>O</span></div>
44     <div class="leftSide green forceHeight"></div>
45
46     <!-- Right side verifies that typoLineHeightPx => 230px -->
47     <div class="rightSide red forceHeight"></div>
48     <div class="rightSide green"><span>O</span></div>
49   </div>
50 </body>