Source code
Revision control
Copy as Markdown
Other Tools
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
body {
background-color: white;
font-size: 50px;
margin: 20px;
}
/* Try several fonts that should be available on Windows; at least Courier New is also on OS X.
Elsewhere, we may fall back to default, which may or may not be "interesting" to test,
but should pass harmlessly unless there's actually a broken font that shapes badly. */
#a {
font-family: Andalus;
}
#b {
font-family: Courier New;
}
#c {
font-family: Simplified Arabic;
}
.test {
color: white;
}
</style>
</head>
<body>
<div id="a">
foo<span class="test">الرحمن الرحيم</span>bar
</div>
<div id="b">
foo<span class="test">الرحمن الرحيم</span>bar
</div>
<div id="c">
foo<span class="test">الرحمن الرحيم</span>bar
</div>
</body>
</html>