Source code
Revision control
Copy as Markdown
Other Tools
<!DOCTYPE html>
<html lang="en">
<meta charset="utf-8">
<title>CSS Fonts reference: synthetic bold does not separate a combining mark from its base in RTL</title>
<link rel="author" title="Brent Fulgham" href="mailto:bfulgham@apple.com">
<style>
/* Same font, size, weight and direction as the test, so the same bold is
synthesized, but drawing each cluster's bars with one precomposed glyph instead
of a base plus marks, so no GPOS mark positioning is involved. */
@font-face {
font-family: "mark-anchor-test";
src: url("/fonts/mark-anchor-test.ttf") format("truetype");
}
div {
font-family: "mark-anchor-test";
font-size: 100px;
line-height: 150px;
font-weight: bold;
font-synthesis: weight;
direction: rtl;
white-space: nowrap;
}
</style>
<p>Test passes if every black bar below is exactly as wide as, and right-aligned
with, the bars above and below it in the same group — two groups in the
middle row — and no bar is offset to the left of the others.</p>
<div>ב</div>
<div>בב</div>
<div>ג</div>
</html>