Index: third_party/WebKit/LayoutTests/imported/wpt/mathml/relations/text-and-math/use-typo-metrics-1.html |
diff --git a/third_party/WebKit/LayoutTests/imported/wpt/mathml/relations/text-and-math/use-typo-metrics-1.html b/third_party/WebKit/LayoutTests/imported/wpt/mathml/relations/text-and-math/use-typo-metrics-1.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..081d66b63212bbba825913b6c1aa2f0a3609a6e1 |
--- /dev/null |
+++ b/third_party/WebKit/LayoutTests/imported/wpt/mathml/relations/text-and-math/use-typo-metrics-1.html |
@@ -0,0 +1,51 @@ |
+<!DOCTYPE html> |
+<meta charset="utf-8"/> |
+<title>Open Font Format: USE_TYPO_METRICS</title> |
+<link rel="help" href="http://www.mathml-association.org/MathMLinHTML5/S2.html#SS2.SSS1"/> |
+<link rel="match" href="use-typo-metrics-1-ref.html"/> |
+<meta name="assert" content="Verify that the USE_TYPO_METRICS flag from the OS/2 table is taken into account to calculate line height."> |
+<style> |
+ @font-face { |
+ font-family: TestFont; |
+ src: url("/fonts/math/lineheight5000-typolineheight2300.woff"); |
+ } |
+ .green { |
+ position: absolute; |
+ background: green; |
+ width: 115px; |
+ } |
+ .red { |
+ position: absolute; |
+ background: red; |
+ width: 115px; |
+ } |
+ .forceHeight { |
+ height: 230px; |
+ } |
+ .leftSide { |
+ left: 10px; |
+ } |
+ .rightSide { |
+ left: 125px; |
+ } |
+ span { |
+ /* em=1000, lineHeight=5000, typoLineHeight=2300 and font-size=100px |
+ implies typoLineHeightPx = 230px < 500px = lineHeightPx */ |
+ font-family: TestFont; |
+ font-size: 100px; |
+ color: transparent; |
+ } |
+</style> |
+<body> |
+ <p>Test passes if there is a green square and no red.</p> |
+ |
+ <div> |
+ <!-- Left side verifies that typoLineHeightPx <= 230px --> |
+ <div class="leftSide red"><span>O</span></div> |
+ <div class="leftSide green forceHeight"></div> |
+ |
+ <!-- Right side verifies that typoLineHeightPx => 230px --> |
+ <div class="rightSide red forceHeight"></div> |
+ <div class="rightSide green"><span>O</span></div> |
+ </div> |
+</body> |