<!doctype html> | |
<html> | |
<head> | |
<title>Radical bar visibility</title> | |
<meta charset="utf-8"/> | |
<style> | |
@font-face { | |
font-family: TestFont; | |
src: url("../../imported/w3c/web-platform-tests/fonts/math/radical-degreebottomraisepercent25-rulethickness1000.woff"); | |
} | |
math, msqrt { | |
/* TestFont has | |
RadicalRuleThickess = 1000 | |
em = 1000 | |
So the actual rule thickness is .9 * 1000 / 1000 = 0.9 < 1 pixel */ | |
font-family: TestFont; | |
font-size: .9px; | |
} | |
</style> | |
</head> | |
<body> | |
<p>This test passes if you see the radical bar.</p> | |
<div> | |
<div style="position: absolute"> | |
<math> | |
<msqrt> | |
<mspace width="500px"/> | |
</msqrt> | |
</math> | |
</div> | |
<!-- blue square to hide the radical symbol --> | |
<div style="position: absolute; background: blue; width: 100px; height: 100px;"></div> | |
</div> | |
</body> | |
</html> |