use custom font for icons
font only includes glyphs for the required icons
This commit is contained in:
parent
8a558c0437
commit
4f4b697730
4 changed files with 40 additions and 8 deletions
File diff suppressed because one or more lines are too long
BIN
webdata/icon.woff
Normal file
BIN
webdata/icon.woff
Normal file
Binary file not shown.
|
|
@ -16,18 +16,18 @@
|
||||||
</div>
|
</div>
|
||||||
<div id="closed">
|
<div id="closed">
|
||||||
<p>Disconnected</p>
|
<p>Disconnected</p>
|
||||||
<button id="reloadbutton">↻</button>
|
<button class="icon" id="reloadbutton">↻</button>
|
||||||
</div>
|
</div>
|
||||||
<div id="pad">
|
<div id="pad">
|
||||||
<p id="padlabel">Touchpad</p>
|
<p id="padlabel">Touchpad</p>
|
||||||
<div class="buttons">
|
<div class="buttons">
|
||||||
<button id="fullscreenbutton">▢</button>
|
<button class="icon" id="fullscreenbutton">⤢</button>
|
||||||
<button id="keyboardbutton">⌨</button>
|
<button class="icon" id="keyboardbutton">⌨</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div id="keyboard">
|
<div id="keyboard">
|
||||||
<textarea id="text"></textarea>
|
<textarea id="text"></textarea>
|
||||||
<button id="sendbutton">➣</button>
|
<button class="icon" id="sendbutton">➣</button>
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
|
||||||
|
|
@ -101,3 +101,12 @@ body {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@font-face {
|
||||||
|
font-family: "icon";
|
||||||
|
src: url("icon.woff") format("woff");
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon {
|
||||||
|
font-family: "icon";
|
||||||
|
}
|
||||||
Loading…
Add table
Add a link
Reference in a new issue