Blitz - WPT: font-face-unicode-range-nbsp.html

wpt / css / css-fonts / font-face-unicode-range-nbsp.html

/css/css-fonts/font-face-unicode-range-nbsp.html

<!DOCTYPE html>
<meta charset=utf-8>
<title>CSS Fonts testcase: using unicode-range to target non-breaking space</title>
<link rel="author" title="Jonathan Kew" href="mailto:jkew@mozilla.com">
<link rel="match" href="font-face-unicode-range-nbsp-ref.html">
<link rel="help" href="https://www.w3.org/TR/css-fonts-4/#unicode-range-desc">
<meta name="assert" content="Check that using unicode-range for non-breaking space works">
<style>
@font-face {
  font-family: test;
  src: url(/fonts/Ahem.ttf);
  unicode-range: U+00A0;
  /* override metrics to ensure they match across the fonts: */
  ascent-override: 80%;
  descent-override: 20%;
}
@font-face {
  font-family: fallback;
  src: url(/fonts/GentiumPlus-R.woff);
  ascent-override: 80%;
  descent-override: 20%;
}
#test, #ref {
  font: 24px/2 test, fallback, serif;
}
</style>
<p>The first line should have much wider word spacing:</p>
<div id=test>
This&nbsp;is&nbsp;a&nbsp;test
</div>
<div id=ref>
This is a test
</div>

/css/css-fonts/font-face-unicode-range-nbsp-ref.html

<!DOCTYPE html>
<meta charset=utf-8>
<title>CSS Fonts reference</title>
<link rel="author" title="Jonathan Kew" href="mailto:jkew@mozilla.com">
<style>
@font-face {
  font-family: test;
  src: url(/fonts/Ahem.ttf);
  ascent-override: 80%;
  descent-override: 20%;
}
@font-face {
  font-family: fallback;
  src: url(/fonts/GentiumPlus-R.woff);
  ascent-override: 80%;
  descent-override: 20%;
}
#test, #ref {
  font: 24px/2 fallback, serif;
}
span {
  font-family: test;
}
</style>
<p>The first line should have much wider word spacing:</p>
<div id=test>
This<span>&nbsp;</span>is<span>&nbsp;</span>a<span>&nbsp;</span>test
</div>
<div id=ref>
This is a test
</div>