-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathxheight.html
45 lines (39 loc) · 4.52 KB
/
xheight.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
<template name="xheight">
<a href="/about"><div class="arrowleftupcorner"><span style="margin-left: 20px">ABOUT</span></div></a>
<a href="/test"><div class="arrowrightupcorner"><div class="circle-stamp-test">FONT<br>TESTER</div></div></a>
<div class="arrowleftdowncorner"><a href="/main#index">INDEX</a></div>
<div class="arrowrightdowncorner" style="color: white"><a href="/main#overview">OVERVIEW</a></div>
<div class="arrowup" style="word-spacing: 20px; margin-left: -37px; color: white">← →</div>
<div class="content-center" style="font-family: Cabin">
<a id="up"></a>
<h3 style="position: fixed; left: 50%; top: 20px; margin-left: -20px">xXx</h3>
</div>
<div style="position: fixed; border-bottom: 2px solid white; top: 50%; left: 0%; width: 100%"></div>
<div class="middle" style="height: 205px; width: 6800px; position: absolute; bottom: 50%">
<a href="/of/asap"><div class="x-height"><div class="x-font" style="bottom: -38px; font-family: Asap">Any</div><div class="x-legende">Asap</div></div></a>
<div class="x-height"><div class="x-font" style="font-family: Averia">Big</div><div class="x-legende">Averia</div></div>
<div class="x-height"><div class="x-font" style="bottom: -44px; font-family: Bitter">Bop</div><div class="x-legende">Bitter</div></div>
<a href="/of/charis"><div class="x-height"><div class="x-font" style="bottom: -79px; font-family: Charis">Cap</div><div class="x-legende">Charis</div></div></a>
<div class="x-height"><div class="x-font" style="bottom: -70px; font-family: Crimson">Dig</div><div class="x-legende">Crimson</div></div>
<div class="x-height"><div class="x-font" style="bottom: -36px; font-family: Creepster">Eye</div><div class="x-legende">Creepster</div></div>
<a href="/of/crickx"><div class="x-height"><div class="x-font" style="bottom: -32px; font-family: Crickx">Gif</div><div class="x-legende">Crickx</div></div></a>
<div class="x-height"><div class="x-font" style="bottom: -78px; font-family: Judson">Hip</div><div class="x-legende">Judson</div></div>
<div class="x-height"><div class="x-font" style="bottom: -100px; font-family: LePatinHelvete">Hop</div><div class="x-legende">Le Patin Helvète</div></div>
<a href="/of/logisoso"><div class="x-height"><div class="x-font" style="bottom: -34px; font-family: Logisoso">Log</div><div class="x-legende">Logisoso</div></div></a>
<div class="x-height"><div class="x-font" style="font-family: Montserrat">Map</div><div class="x-legende">Montserrat</div></div>
<a href="/of/notcourier"><div class="x-height"><div class="x-font" style="bottom: -46px; font-family: NotCourier">Reg</div><div class="x-legende">Not Courier</div></div></a>
<div class="x-height"><div class="x-font" style="bottom: -46px; font-family: NotoSans">Rip</div><div class="x-legende">Noto Sans</div></div>
<div class="x-height"><div class="x-font" style="bottom: -44px; font-family: NotoSerif">Rip</div><div class="x-legende">Noto Serif</div></div>
<div class="x-height"><div class="x-font" style="bottom: -51px; font-family: Oswald">Soy</div><div class="x-legende">Oswald</div></div>
<a href="/of/petrona"><div class="x-height"><div class="x-font" style="bottom: -46px; font-family: Petrona">Tag</div><div class="x-legende">Petrona</div></div></a>
<div class="x-height"><div class="x-font" style="font-family: Poly">Top</div><div class="x-legende">Poly</div></div>
<div class="x-height"><div class="x-font" style="bottom: -44px; font-family: Reglo">Wop</div><div class="x-legende">Reglo</div></div>
<a href="/of/sansguilt"><div class="x-height"><div class="x-font" style="bottom: -36px; font-family: SansGuilt">Yep</div><div class="x-legende">SansGuilt</div></div></a>
<div class="x-height"><div class="x-font" style="bottom: -44px; font-family: Transport">Zag</div><div class="x-legende">Transport</div></div>
<a href="/of/universelse"><div class="x-height"><div class="x-font" style="font-family: UniversElse">Zig</div><div class="x-legende">Univers Else</div></div></a>
<a href="/of/zxx"><div class="x-height"><div class="x-font" style="font-family: ZXX; font-weight: bold">Zzz</div><div class="x-legende">ZXX</div></div></a>
</div>
<div style="font-family: Cabin; font-size: 20px; letter-spacing: 1px; position: absolute; bottom: 25%; left: 50px; width: 3000px">
The list of words that you see here was generated with a python script (that you can find on github at this address <a href="https://github.com/furter/specimen/blob/master/x.py">https://github.com/furter/specimen/blob/master/x.py</a>) in order to find words with three letters, each of them covering a different type height: an ascender, a descender and an x height letter.
</div>
</template>