summaryrefslogtreecommitdiffstats
path: root/layout/reftests/font-face/name-collision.html
diff options
context:
space:
mode:
authorDaniel Baumann <daniel.baumann@progress-linux.org>2024-04-07 09:22:09 +0000
committerDaniel Baumann <daniel.baumann@progress-linux.org>2024-04-07 09:22:09 +0000
commit43a97878ce14b72f0981164f87f2e35e14151312 (patch)
tree620249daf56c0258faa40cbdcf9cfba06de2a846 /layout/reftests/font-face/name-collision.html
parentInitial commit. (diff)
downloadfirefox-upstream.tar.xz
firefox-upstream.zip
Adding upstream version 110.0.1.upstream/110.0.1upstream
Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
Diffstat (limited to 'layout/reftests/font-face/name-collision.html')
-rw-r--r--layout/reftests/font-face/name-collision.html154
1 files changed, 154 insertions, 0 deletions
diff --git a/layout/reftests/font-face/name-collision.html b/layout/reftests/font-face/name-collision.html
new file mode 100644
index 0000000000..5bff99d433
--- /dev/null
+++ b/layout/reftests/font-face/name-collision.html
@@ -0,0 +1,154 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Font name collision test</title>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+
+<!--
+ Font family names in @font-face rules take precedence over locally-available font families,
+ so none of the names of commonly used platform fonts should match against locally available
+ fonts.
+-->
+
+<style type="text/css">
+
+@font-face {
+ font-family: fallback;
+ src: url(../fonts/mplus/mplus-1p-regular.ttf);
+}
+
+body {
+ margin: 50px;
+ font-family: fallback;
+}
+
+table {
+ margin-left: 3em;
+}
+
+@font-face {
+ font-family: Sample;
+ src: url(../fonts/mplus/mplus-1p-black.ttf);
+ font-weight: 900;
+}
+
+.sample { font-family: Sample, fallback; }
+
+/* Windows */
+
+@font-face {
+ font-family: Arial;
+ src: url(../fonts/mplus/mplus-1p-black.ttf);
+ font-weight: 900;
+}
+
+.arial { font-family: Arial, fallback; }
+
+@font-face {
+ font-family: Times New Roman;
+ src: url(../fonts/mplus/mplus-1p-black.ttf);
+ font-weight: 900;
+}
+
+.timesnewroman { font-family: Times New Roman, fallback; }
+
+@font-face {
+ font-family: Courier New;
+ src: url(../fonts/mplus/mplus-1p-black.ttf);
+ font-weight: 900;
+}
+
+.couriernew { font-family: Courier New, fallback; }
+
+/* Mac OS X */
+
+@font-face {
+ font-family: Futura;
+ src: url(../fonts/mplus/mplus-1p-black.ttf);
+ font-weight: 900;
+}
+
+.futura { font-family: Futura, fallback; }
+
+@font-face {
+ font-family: Helvetica;
+ src: url(../fonts/mplus/mplus-1p-black.ttf);
+ font-weight: 900;
+}
+
+.helvetica { font-family: Helvetica, fallback; }
+
+@font-face {
+ font-family: Times;
+ src: url(../fonts/mplus/mplus-1p-black.ttf);
+ font-weight: 900;
+}
+
+.times { font-family: Times, fallback; }
+
+@font-face {
+ font-family: Courier;
+ src: url(../fonts/mplus/mplus-1p-black.ttf);
+ font-weight: 900;
+}
+
+.courier { font-family: Courier, fallback; }
+
+/* Linux */
+
+@font-face {
+ font-family: Bitstream Vera Sans;
+ src: url(../fonts/mplus/mplus-1p-black.ttf);
+ font-weight: 900;
+}
+
+.bitstreamverasans { font-family: Bitstream Vera Sans, fallback; }
+
+@font-face {
+ font-family: DejaVu Sans;
+ src: url(../fonts/mplus/mplus-1p-black.ttf);
+ font-weight: 900;
+}
+
+.dejavusans { font-family: DejaVu Sans, fallback; }
+
+@font-face {
+ font-family: FreeSans;
+ src: url(../fonts/mplus/mplus-1p-black.ttf);
+ font-weight: 900;
+}
+
+.freesans { font-family: FreeSans, fallback; }
+
+table {
+ font-family: Sample;
+}
+
+table td {
+ font-size: 24pt;
+}
+
+</style>
+
+</head>
+
+<body>
+
+<p>All text below should appear in the same extra bold font face:</p>
+
+<table>
+<tr class="sample"><td>Sample</td></tr>
+<tr class="arial"><td>Arial</td></tr>
+<tr class="timesnewroman"><td>Times New Roman</td></tr>
+<tr class="couriernew"><td>Courier New</td></tr>
+<tr class="futura"><td>Futura</td></tr>
+<tr class="helvetica"><td>Helvetica</td></tr>
+<tr class="times"><td>Times</td></tr>
+<tr class="courier"><td>Courier</td></tr>
+<tr class="bitstreamverasans"><td>Bitstream Vera Sans</td></tr>
+<tr class="dejavusans"><td>DejaVu Sans</td></tr>
+<tr class="freesans"><td>FreeSans</td></tr>
+</table>
+
+</body>
+</html>