use custom font for icons

font only includes glyphs for the required icons
This commit is contained in:
Unrud 2018-08-29 16:10:15 +02:00
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

Binary file not shown.

View file

@ -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>

View file

@ -101,3 +101,12 @@ body {
width: 100%; width: 100%;
} }
} }
@font-face {
font-family: "icon";
src: url("icon.woff") format("woff");
}
.icon {
font-family: "icon";
}