-
-
Notifications
You must be signed in to change notification settings - Fork 28
/
Copy pathindex.html
135 lines (126 loc) · 4.88 KB
/
index.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
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta
name="description"
content="This font provides faster reading through facilitating the reading process by guiding the eyes through text with artificial fixation points."
/>
<meta name="keywords" content="font, reading, speedreading, accessibility, free" />
<title>Fast Font</title>
<style>
@font-face {
font-family: "FastFont";
src: url("Fast_Sans.ttf") format("opentype");
font-display: swap;
}
html {
color: rgb(17, 24, 39);
background-color: #f4f7ff;
line-height: 1.75rem;
}
.demo {
font-family: "FastFont";
color: rgb(64, 73, 84);
border: dashed 1px grey;
padding: 8px;
}
p {
color: rgb(64, 73, 84);
}
h2:first-of-type {
margin-top: 8px;
}
h2 {
margin-top: 64px;
}
section {
border-radius: 1.5rem;
padding: 46px;
box-shadow: rgb(255, 255, 255) 0 0 0 0, rgb(229, 231, 235) 0 0 0 1px,
rgba(0, 0, 0, 0) 0 0 0 0;
}
main {
max-width: 1000px;
margin: auto;
padding: 16px;
}
a {
color: #4f46e5;
}
.badge {
text-decoration: none;
}
header {
display: flex;
justify-content: center;
font-weight: bold;
}
</style>
</head>
<body>
<main>
<header>
<a href="https://github.com/Born2Root/Fast-Font">Source Code</a>
</header>
<h1>Fast Font</h1>
<section>
<a href="https://github.com/Born2Root/Fast-Font" class="badge">
<img
loading="lazy"
src="https://img.shields.io/badge/Open-%20Source-green"
alt="opensource github"
/>
</a>
<a href="https://www.buymeacoffee.com/born2root" class="badge">
<img
loading="lazy"
height="20"
src="https://www.buymeacoffee.com/assets/img/custom_images/orange_img.png"
alt="Buy Me A Coffee"
/>
</a>
<h2>Demo</h2>
<div class="demo" contenteditable>
A font to help you read faster.<br />
<br />
The quick brown fox jumps over the lazy dog<br />
This is an interactive demo :D
<br />
<br />
EDIT ME ✍️
</div>
<h2>What is this font?</h2>
<p>
This font provides faster reading through facilitating the reading process by
guiding the eyes through text with artificial fixation points. As a result, the
reader is only focusing on the highlighted initial letters and lets the brain
center complete the word. This allows you to read in supersonic speed.
</p>
<p>
Use it to write texts, read e-books, code or view web pages. Any application
that supports OpenType features can be used, even your corporate website.<br />
For some people the artificial fixation points can help them concentrate even
when having dyslexia or ADD.
</p>
<h2>How to use?</h2>
<p>
In the
<a href="https://github.com/Born2Root/Fast-Font">README of the repository</a>
you can find examples on how to use the font on several applications supporting
OpenType font features.<br />
Also you can read on how the font was made and how you can create your own font
in the same style.
</p>
<h2>Contribute?</h2>
<p>
YES please ❤️!<br />
Feel free to ask questions,
<a href="https://github.com/Born2Root/Fast-Font/issues">answer issues</a> and
<a href="https://github.com/Born2Root/Fast-Font/pulls">create pull</a> requests.
</p>
</section>
</main>
</body>
</html>