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 id="closed">
|
||||
<p>Disconnected</p>
|
||||
<button id="reloadbutton">↻</button>
|
||||
<button class="icon" id="reloadbutton">↻</button>
|
||||
</div>
|
||||
<div id="pad">
|
||||
<p id="padlabel">Touchpad</p>
|
||||
<div class="buttons">
|
||||
<button id="fullscreenbutton">▢</button>
|
||||
<button id="keyboardbutton">⌨</button>
|
||||
<button class="icon" id="fullscreenbutton">⤢</button>
|
||||
<button class="icon" id="keyboardbutton">⌨</button>
|
||||
</div>
|
||||
</div>
|
||||
<div id="keyboard">
|
||||
<textarea id="text"></textarea>
|
||||
<button id="sendbutton">➣</button>
|
||||
<button class="icon" id="sendbutton">➣</button>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -100,4 +100,13 @@ body {
|
|||
height: 1.5em;
|
||||
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