diff options
| author | Simon Wanner <skyrising@pvpctutorials.de> | 2022-04-09 21:36:02 +0200 |
|---|---|---|
| committer | Andreas Kling <kling@serenityos.org> | 2022-04-09 23:48:18 +0200 |
| commit | 5ebcb15c92ee354ac6a83553d6a7a41216421b7d (patch) | |
| tree | 4ba27063a89dcc74a0fc1906acd5d432109ed319 /Base/res/html/misc/font-face.html | |
| parent | 539adf5b9c91984ee398c9ab1bd865abafb1369f (diff) | |
| download | serenity-5ebcb15c92ee354ac6a83553d6a7a41216421b7d.zip | |
Base: Add a test page for CSS font-face
Diffstat (limited to 'Base/res/html/misc/font-face.html')
| -rw-r--r-- | Base/res/html/misc/font-face.html | 70 |
1 files changed, 70 insertions, 0 deletions
diff --git a/Base/res/html/misc/font-face.html b/Base/res/html/misc/font-face.html new file mode 100644 index 0000000000..742a638239 --- /dev/null +++ b/Base/res/html/misc/font-face.html @@ -0,0 +1,70 @@ +<!DOCTYPE html> +<html> +<head> +<meta charset="utf-8"> +<title>CSS @font-face Test</title> +<style> +@font-face { + font-family: TestWOFF-TTF; + src: url("./test-truetype.woff") format("woff"); +} +.woff-ttf { + font-family: TestWOFF-TTF; +} + +@font-face { + font-family: TestWOFF-CFF; + src: url("./test-cff.woff") format("woff"); +} +.woff-cff { + font-family: TestWOFF-CFF; +} + +@font-face { + font-family: TestWOFF2-TTF; + src: url("./test-truetype.woff2") format("woff2"); +} +.woff2-ttf { + font-family: TestWOFF2-TTF; +} + +@font-face { + font-family: TestWOFF2-CFF; + src: url("./test-cff.woff2") format("woff2"); +} +.woff2-cff { + font-family: TestWOFF2-CFF; +} + +@font-face { + font-family: TestTTF; + src: url("./test.ttf") format("truetype"); +} +.ttf { + font-family: TestTTF; +} + +@font-face { + font-family: TestOTF; + src: url("./test.otf") format("opentype"); +} +.otf { + font-family: TestOTF; +} + +body { + font-family: sans-serif; +} + +</style> +</head> +<body> +<p>These should render checkmarks, not X's</p> +<p>WOFF with TTF: <span class="woff-ttf">X</span></p> +<p>WOFF with CFF: <span class="woff-cff">X</span></p> +<p>WOFF2 with TTF: <span class="woff2-ttf">X</span></p> +<p>WOFF2 with CFF: <span class="woff2-cff">X</span></p> +<p>TTF: <span class="ttf">X</span></p> +<p>OTF: <span class="otf">X</span></p> +</body> +</html> |