-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
66 lines (58 loc) · 2.43 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
<title>DSans</title>
</head>
<body>
<center>
<span class="shadow"><span class="title">DSans.</span></span>
<br>
A font designed for websites.
<br><br>
<br>
<br><br><br><br><h1 name="info">What is DSans?</h1>
<br> DSans is a font designed for websites. It's a beautiful font meant to present a welcoming & comfortable experience for users.
<br><br><br><br><h1 name="why">Why use DSans?</h1>
<br>DSans is more <i>soft</i> than other fonts, and isn't jagged, so users feels your page is clean and sleek.
<br><br><br><br><h1 name="example">Example of DSans</h1>
<br>A showcase of what the DSans font looks like:
<br><p>AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz</p>
<br>
<p>The quick brown fox jumps over the lazy dog.</p>
<br>
<br>
<br>Numbers: 1234567890, characters: £ % ^ & * ( ! " ' # ?
<br>
<br><br><br><br><h1 name="get">How do I get DSans</h1>
Getting DSans is very simple. Just paste this code on the top of your style-sheet:
<br>
<samp>@import url('https://dsans.davidstudios.uk/css2.css');</samp>
<br><br>
When that is done, just define <samp>"DSans Regular"</samp> in your <code>font-family</code>.
<br><br><br><h1 name="type">Type tester</h2>
<br>
Type anything below and it will show in DSans!
<br><br>
<input
id="TypeTest"
type="text"
name="searchBox"
value=""
placeholder=""
></textarea>
<br><br><br><h1 name="pc">Download DSans</h1>
<br>You can install DSans on your computer as a <code>.otf</code> file which should work on Windows computers.
<br> You can then use it on word processing programs or presentations.
<br>View our license <a href="/LICENSE.txt" target="_blank">here</a>.
<br><br>
Download it here:
<br>
<button id="button"> <a href="/DSans Fonts.zip" target="_blank">Get DSans</a></button>
<br><i>Please also consider placing a link back here with the text "This site uses the DSans font.".</i> Thanks if you do! ❤️
<br><br><br><br><br><br><footer>This page & DSans is created by <a href="https://guilded.gg/u/d4vidthedev" target="_blank">D4vidthedev (David)</a>
<br>This site uses the <a href="https://dsans.davidstudios.uk" target="_blank">DSans font</a>.</footer>
</body>
</html>