Better block drawing characters in Web UI

This commit is contained in:
Alexey Milovidov 2021-08-10 08:13:08 +03:00
parent bb4c11cd27
commit 8983f4bc12

View File

@ -96,11 +96,16 @@
.monospace .monospace
{ {
/* Prefer fonts that have full hinting info. This is important for non-retina displays. /* Prefer fonts that have full hinting info. This is important for non-retina displays.
Also I personally dislike "Ubuntu" font due to the similarity of 'r' and 'г' (it looks very ignorant). Also I personally dislike "Ubuntu" font due to the similarity of 'r' and 'г' (it looks very ignorant). */
*/
font-family: Liberation Mono, DejaVu Sans Mono, MonoLisa, Consolas, Monospace; font-family: Liberation Mono, DejaVu Sans Mono, MonoLisa, Consolas, Monospace;
} }
.monospace-table
{
/* Liberation is worse than DejaVu for block drawing characters. */
font-family: DejaVu Sans Mono, Liberation Mono, MonoLisa, Consolas, Monospace;
}
.shadow .shadow
{ {
box-shadow: 0 0 1rem var(--shadow-color); box-shadow: 0 0 1rem var(--shadow-color);
@ -325,8 +330,8 @@
<span id="toggle-dark">🌑</span><span id="toggle-light">🌞</span> <span id="toggle-dark">🌑</span><span id="toggle-light">🌞</span>
</div> </div>
<div id="data_div"> <div id="data_div">
<table class="monospace shadow" id="data-table"></table> <table class="monospace-table shadow" id="data-table"></table>
<pre class="monospace shadow" id="data-unparsed"></pre> <pre class="monospace-table shadow" id="data-unparsed"></pre>
</div> </div>
<svg id="graph" fill="none"></svg> <svg id="graph" fill="none"></svg>
<p id="error" class="monospace shadow"> <p id="error" class="monospace shadow">