diff --git a/demo/TengwarTelcontar.woff2 b/demo/TengwarTelcontar.woff2
new file mode 100644
index 000000000..62404f98e
Binary files /dev/null and b/demo/TengwarTelcontar.woff2 differ
diff --git a/demo/demo.less b/demo/demo.less
index 711631f9e..0b5fdd48d 100644
--- a/demo/demo.less
+++ b/demo/demo.less
@@ -81,6 +81,21 @@ html, body {
   font-family: Roboto, sans-serif;
 }
 
+// This font supports the Sindarin (sjn) translation.
+@font-face {
+  // The Tengwar Telcontar font
+  // From https://freetengwar.sourceforge.net/tengtelc.html
+  src: url("../demo/TengwarTelcontar.woff2") format("woff2");
+  // Unicode Private Use Area (PUA) used by ConScript Unicode Registry (CSUR)
+  // to represent Tengwar glyphs.  This will keep the font from being loaded
+  // for any other codepoints.
+  unicode-range: U+E000-E0FF;
+  // Fun trick to avoid hard-coding Tengwar support into the library:
+  // Add this font for these codepoint ranges in anything that uses "Roboto",
+  // without having to modify the CSS to point at another font family.
+  font-family: Roboto;
+}
+
 /* Change the default opacity of the ripple container, to get around an iOS bug.
  * See: https://github.com/google/material-design-lite/issues/5281 */
 .mdl-ripple {