Source code
Revision control
Copy as Markdown
Other Tools
<!DOCTYPE html>
<html lang="en">
<meta charset="utf-8">
<title>CSS Text reference: letter-spacing does not separate a combining mark from its base</title>
<link rel="author" title="Brent Fulgham" href="mailto:bfulgham@apple.com">
<style>
/* Same font, size and letter-spacing as the test, but drawing each cluster's
bars with a single precomposed glyph instead of a base plus marks, so no GPOS
mark positioning is involved. 'B' is the bottom and middle bars, 'C' is all
three. Each glyph is one typographic character unit, exactly as each
base-plus-marks cluster in the test is, so the two get the same number of
letter-spacing insertions -- which also makes this reference insensitive to
whether an implementation adds letter-spacing before or after each unit. */
@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;
letter-spacing: 100px;
white-space: nowrap;
}
</style>
<p>Test passes if every black bar below is exactly as wide as, and left-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 right of the others.</p>
<div>B</div>
<div>BB</div>
<div>C</div>
</html>