-
Notifications
You must be signed in to change notification settings - Fork 0
/
befont.html
61 lines (60 loc) · 2.2 KB
/
befont.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
<html><head>
<title>BF</title>
<meta charset="UTF-8">
<link rel="stylesheet" href="/css/khak.css" type="text/css" id="theme"></link>
<link rel="icon" href='/media/BFAt.svg'></link>
</head>
<body style="font-family: 'BefontLegible'; font-size: 30pt;">
<h2>The Befunge Font
<image src="/media/moon.svg" id="themech"
width="30" height="30" title="change theme">
</image>
<script type="text/javascript" src="/js/theme.js">
</script>
</h2>
<div style="font-size: 20pt;">
<label for="style">style: </label>
<select id="style" oninput="(()=>{
document.body.style.fontFamily = this.value;
document.querySelector('#dl').href = '/media/'+this.value+'-Regular.otf';
document.querySelector('#idl').hidden = this.value !== ('BefontLegible');
document.querySelector('#try').style.fontFamily =
document.querySelector('#tryrt').style.fontFamily = this.value;
})()">
<option style="font-family: 'BefontLegible'" value="BefontLegible">
Legible
</option>
<option style="font-family: 'BefontSquare'" value="BefontSquare" >
Square
</option>
</select>
<a href="/media/BefontLegible-Regular.otf" id="dl" download>download</a>
<a href="/media/BefontLegible-Italic.otf" id="idl" download><em>italic</em></a>
</div>
<div class="fg">
<ul >
<li>Square or Legible</li>
<li>Legible is legible</li>
<li><em>Real italics (Legible)</em></li>
<li>Mono-spaced</li>
</ul><br>
<textarea id="try" rows="10" cols="40" name="text" placeholder="try it"
style="font-family: 'BefontLegible'; font-size: 30pt;
font-weight: 500; margin: 0.25in; white-space: nowrap;">
00v&<-max line >>>>>>>v
v<< length ^<,*52<0
>::30g/\30g%\g,:1+30g%!#^_:30g#{5#}*`#@_1+
number of lines to print ---^
abcdefghijklm
nopqrstuvwxyz
ABCDEFGHIJKLM
NOPQRSTUVWXYZ
0123456789 ~`
[\|/?.:;<>"']
{!@#$%^&*(-)}
+=_</textarea>
<pre style="font-family: 'BefontLegible'; font-size: 30pt; border: 5px #0007;
font-weight: 500; margin: 0.25in; white-space: nowrap; text-align: left;"
id="tryrt" contentEditable>[Try Rich-text]</pre>
</div>
</body></html>