Base: Add a test page for CSS font-face

This commit is contained in:
Simon Wanner 2022-04-09 21:36:02 +02:00 committed by Andreas Kling
parent 539adf5b9c
commit 5ebcb15c92
7 changed files with 70 additions and 0 deletions

View file

@ -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>

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

BIN
Base/res/html/misc/test.otf Normal file

Binary file not shown.

BIN
Base/res/html/misc/test.ttf Normal file

Binary file not shown.