- made font available on all elements with body and pre

- added an example for later better accessibility with pre
This commit is contained in:
asus
2023-11-17 18:10:01 +01:00
parent 7e0cb01352
commit 0dfafb81d2
3 changed files with 35 additions and 13 deletions

View File

@@ -10,6 +10,7 @@
<link href="./styles/style.css" type="text/css" rel="stylesheet">
<link href="./styles/global.css" type="text/css" rel="stylesheet">
<link href="./styles/text.css" type="text/css" rel="stylesheet">
<link href="./styles/pre.css" type="text/css" rel="stylesheet">
<link href="./styles/frames.css" type="text/css" rel="stylesheet">
<link href="./styles/banners.css" type="text/css" rel="stylesheet">
</head>
@@ -40,6 +41,26 @@
:  57447 U+E067
<section style="height: 200px;" class="left child-left-dense horizontal">
accessibility pre : https://developer.mozilla.org/en-US/docs/Web/HTML/Element/pre#specifications
<figure>
<pre role="img" aria-label="ASCII COW">
___________________________
&lt; I'm an expert in my field. &gt;
---------------------------
\ ^__^
\ (oo)\_______
(__)\ )\/\
||----w |
|| ||
</pre>
<figcaption id="cow-caption">
A cow saying, "I'm an expert in my field." The cow is illustrated using
preformatted text characters.
</figcaption>
</figure>
-->
<body>