Skip to content

Commit e103c80

Browse files
MY1LMY1L
authored
MonuKits
1 parent 8e663fc commit e103c80

File tree

3 files changed

+89
-0
lines changed

3 files changed

+89
-0
lines changed

‎Kits/MonuKits.otf

105 KB
Binary file not shown.

‎Kits/icon.png

97 Bytes
Loading

‎index.html

+89
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,89 @@
1+
<!DOCTYPE html>
2+
<html lang="zh">
3+
<head>
4+
<meta charset="UTF-8"/>
5+
<meta name="author" content="MYIL"/>
6+
<title>契丹小字排版调试</title>
7+
<link rel="shortcut icon" href="Kits/icon.png" type="image/png"/>
8+
<style>
9+
@font-face{font-family:"MoKs";src:url("Kits/MonuKits.otf")}
10+
*[title]:after{content:attr(title);font-size:.8rem;font-feature-settings:'zero';color:#FFF;background:#F07B;border-radius:.2em;padding:.2ex .8ch;position:absolute;visibility:hidden;z-index:1}
11+
*[title]:hover:after{visibility:visible}
12+
@media(min-width:64em) and (max-width:999em){
13+
body{grid-template-columns:1em 1fr 5fr minmax(16em,2fr) 1ch;grid-template-rows:1fr 3fr 5em 1ex;grid-gap:1ch}
14+
header{grid-column:3;box-shadow:0 3em 1em #FFF}
15+
main{grid-area:2/3/4/4}
16+
}
17+
@media(max-width:64rem){
18+
body{grid-template-columns:5fr minmax(16em,2fr);grid-template-rows:2fr 2fr 5fr 5em}
19+
header{grid-area:1/1/2/3}
20+
main{grid-area:3/1/4/3}
21+
}
22+
body{display:grid;position:fixed;height:100%;width:100%;font-family:-apple-system,BlinkMacSystemFont,'Microsoft YaHei UI',sans-serif,font-size:100%;color:#222}
23+
header{margin:1em;background:#FFFC;z-index:1}
24+
p{margin:0 0 1em;font-size:.9em}
25+
main{overflow:auto;position:relative;padding:0 0 1em 2em;
26+
scrollbar-width:thin}
27+
nav::-webkit-scrollbar,main::-webkit-scrollbar{width:.5em;height:.5em}
28+
nav::-webkit-scrollbar-thumb,main::-webkit-scrollbar-thumb{border-radius:1em;background:#CCC}
29+
nav::-webkit-scrollbar-track,main::-webkit-scrollbar-track{border-radius:1em;box-shadow:inset 0 0 .5em #DDD}
30+
main::-webkit-scrollbar-corner{box-shadow:-.5em -.5em 1em #07F}
31+
h2{font-size:1.5em;font-weight:normal;margin:1.5em 0 0}
32+
h2:before{color:#08F0;content:"❛";position:relative;top:-.5em;transition:.5s}h2:hover:before{color:#08F;top:-.2em}
33+
@keyframes wave{from{background-position:0 100%}to{background-position:-2em 100%}}
34+
@keyframes beat{from{transform:scale(.9,.9)}to{transform:scale(1,1)}}
35+
a{color:#F07;text-decoration:none}
36+
a:hover{color:#07F;animation:wave 1s infinite linear;
37+
background:linear-gradient(45deg,#09F9 0%,#07F1 20%,#07F3 50%,#09F9 50%) repeat-x;background-size:2em .2em}
38+
a:active{background-size:1em .25em}
39+
a[target]:after{content:'↗';color:#07F;font-size:1em;line-height:.6em}
40+
header a[target]:after{font-size:.6em!important;position:relative;top:-.5em}
41+
b:after{font-weight:normal;margin:-1.5em -2em}
42+
pre{font-family:MoKs;padding:.5em;font-size:3em;line-height:2em;border:solid .1em #F07;border-radius:.2em;white-space:pre-line}
43+
pre:focus{border-color:#07F;animation:wave .6s infinite linear;
44+
background:linear-gradient(45deg,#09F9 0%,#07F1 20%,#07F3 50%,#09F9 50%) repeat-x;background-size:2em .1em}
45+
table{border-spacing:0;border:solid 1px #CCC;background:#EEE;text-align:center}
46+
caption{text-align:left;margin:.8em 0}
47+
th{border:solid 1px #CCC;padding:.5em .2em;font-weight:normal}
48+
td{border:solid 1px #CCC;font-size:2em;background:#FFF;width:1.2em;white-space:nowrap}
49+
td[title]{font-family:MoKs}
50+
td[title]:after{margin:-3em;font-family:monospace}
51+
tfoot{text-align:left}
52+
img{opacity:0}
53+
li{margin:0 1em}
54+
li:hover:first-letter{color:#08F}
55+
::selection{background:#FF99}
56+
</style>
57+
</head>
58+
59+
<body id="testFont">
60+
61+
<header>
62+
<p><a target="_blank" href="https://github.com/MY1L">MYIL</a>： 以下为 Monu Kits（<a target="_blank" href="https://github.com/MY1L/Unicode/releases">下载</a>）可用字符（7040+个，99%都是凑数）一览。对了，光标悬停在某些字符上会有提示。</p>
63+
<pre contenteditable="true">在这复制粘贴以测试→<br><br></pre>
64+
<p>尽量以纯文本形式粘贴，可以用空格隔开小字。<span style="color:#CCC">不妨发掘字体内藏的彩蛋。</span>本页主要为火狐设计。如果发现问题请<a target="_blank" href="https://github.com/MY1L/Unicode/issues">来此</a></p>
65+
</header>
66+
<main>
67+
68+
<h2 id="U0000">表意符号及标点 & 契丹小字</h2>
69+
<table>
70+
<caption>
71+
<ol>备注
72+
<li>IdeoSym.：U+16FE0‒U+16FFF（7/32个码位）<a target="_blank" href="https://www.unicode.org/charts/PDF/U16FE0.pdf">统一码表U16FE0.pdf</a></li>
73+
<li>Kits.：U+18B00‒U+18CFF（470/512个码位）<a target="_blank" href="https://www.unicode.org/charts/PDF/U18B00.pdf">统一码表U18B00.pdf</a></li>
74+
</ol>
75+
76+
</caption>
77+
<thead>
78+
<tr><td colspan="3" class="th">Ideographic Symbols and Punctuation & Khitan Small Script</td></tr>
79+
</thead>
80+
<tbody>
81+
<td title="U+16FE4 KHITAN SMALL SCRIPT FILLER">𖿤</td>
82+
<td title="KHITAN SMALL SCRIPT CHARACTER-18BBE">𘮾</td>
83+
<td title="KHITAN SMALL SCRIPT CHARACTER-18B00 : DITTO">𘬀</td>
84+
</tbody></table>
85+
86+
</main>
87+
<img src="https://s01.flagcounter.com/mini/lTHA/bg_FFFFFF/txt_D1D1D1/border_FFFFFF/flags_0/" width="1">
88+
<img src="https://www.cutercounter.com/hits.php?id=hxxakcd&nd=5&style=1" border="0"></body>
89+
</html>

0 commit comments

Comments
 (0)