canvas2d-vector-text.html | Explore in Territory

<!DOCTYPE html>
<style>
@font-face {
  font-family: lato;
  src: url(../resources/Lato-Medium-Liga.ttf);
}
</style>
The word "Notion" should appear below.
It should look blurry in the browser window but sharp in the print preview window.
The letters "t" and "i" should be connected to each other (i.e. a font ligature).
The text of the word "Notion" should be selectable in the print preview window.
If you select and copy (Ctrl-C) the word "Notion" in the print preview window and paste it into a text editor, it should paste the text "Notion".
If you get "Noon", that's a bug.
<canvas id='canvas' width="150" style="width:100%"></canvas>
<script>
const ctx = document.getElementById('canvas').getContext("2d");
window.onbeforeprint = () => {
  ctx.reset();
  ctx.fillText("Notion", 0, 50);
};
window.onload = () => {
  ctx.font = "48px lato";
  ctx.fillText(" ", 0, 50); // Trigger font load
  document.fonts.ready.then(print);
};
</script>

chromium/third_party/blink/web_tests/printing/manual/canvas2d-vector-text.html