User:Dummy index/SandBox: Difference between revisions

From Xenharmonic Wiki
Jump to navigation Jump to search
Dummy index (talk | contribs)
No edit summary
Dummy index (talk | contribs)
Undo revision 145708 by Dummy index (talk)
Tag: Undo
Line 162: Line 162:
| iOS Safari Mobile View || 1.00 || 1.00 || 0.74 || 0.74 || 1.05
| iOS Safari Mobile View || 1.00 || 1.00 || 0.74 || 0.74 || 1.05
|}
|}
<div class="mw-collapsible"><p>'''hybrid method'''</p>
<div class="mw-collapsible-content">
{| class="wikitable"
|+ text-shadow+padding+min-width
|-
!
&minus;8&minus;8&minus;8&minus;8&minus;8&minus;&minus;&minus;&minus;&minus;
<br />+8+8+8+8+8+++++
<br /><span style="display: inline-block; text-align: center; min-width: 0.40em; padding-right: 0.31ch; text-shadow: 0.31ch 0px;">-</span>8<span style="display: inline-block; text-align: center; min-width: 0.40em; padding-right: 0.31ch; text-shadow: 0.31ch 0px;">-</span>8<span style="display: inline-block; text-align: center; min-width: 0.40em; padding-right: 0.31ch; text-shadow: 0.31ch 0px;">-</span>8<span style="display: inline-block; text-align: center; min-width: 0.40em; padding-right: 0.31ch; text-shadow: 0.31ch 0px;">-</span>8<span style="display: inline-block; text-align: center; min-width: 0.40em; padding-right: 0.31ch; text-shadow: 0.31ch 0px;">-</span>8<span style="display: inline-block; text-align: center; min-width: 0.40em; padding-right: 0.31ch; text-shadow: 0.31ch 0px;">-</span><span style="display: inline-block; text-align: center; min-width: 0.40em; padding-right: 0.31ch; text-shadow: 0.31ch 0px;">-</span><span style="display: inline-block; text-align: center; min-width: 0.40em; padding-right: 0.31ch; text-shadow: 0.31ch 0px;">-</span><span style="display: inline-block; text-align: center; min-width: 0.40em; padding-right: 0.31ch; text-shadow: 0.31ch 0px;">-</span><span style="display: inline-block; text-align: center; min-width: 0.40em; padding-right: 0.31ch; text-shadow: 0.31ch 0px;">-</span>
<br />=8=8=8=8=8=====
<br /><span style="display: inline-block; text-align: center; min-width: 0.44em; padding-right: 0.31ch; text-shadow: 0.31ch 0px;">-</span>8<span style="display: inline-block; text-align: center; min-width: 0.44em; padding-right: 0.31ch; text-shadow: 0.31ch 0px;">-</span>8<span style="display: inline-block; text-align: center; min-width: 0.44em; padding-right: 0.31ch; text-shadow: 0.31ch 0px;">-</span>8<span style="display: inline-block; text-align: center; min-width: 0.44em; padding-right: 0.31ch; text-shadow: 0.31ch 0px;">-</span>8<span style="display: inline-block; text-align: center; min-width: 0.44em; padding-right: 0.31ch; text-shadow: 0.31ch 0px;">-</span>8<span style="display: inline-block; text-align: center; min-width: 0.44em; padding-right: 0.31ch; text-shadow: 0.31ch 0px;">-</span><span style="display: inline-block; text-align: center; min-width: 0.44em; padding-right: 0.31ch; text-shadow: 0.31ch 0px;">-</span><span style="display: inline-block; text-align: center; min-width: 0.44em; padding-right: 0.31ch; text-shadow: 0.31ch 0px;">-</span><span style="display: inline-block; text-align: center; min-width: 0.44em; padding-right: 0.31ch; text-shadow: 0.31ch 0px;">-</span><span style="display: inline-block; text-align: center; min-width: 0.44em; padding-right: 0.31ch; text-shadow: 0.31ch 0px;">-</span>
<br />+8+8+8+8+8+++++
<br /><span style="display: inline-block; text-align: center; min-width: 0.48em; padding-right: 0.31ch; text-shadow: 0.31ch 0px;">-</span>8<span style="display: inline-block; text-align: center; min-width: 0.48em; padding-right: 0.31ch; text-shadow: 0.31ch 0px;">-</span>8<span style="display: inline-block; text-align: center; min-width: 0.48em; padding-right: 0.31ch; text-shadow: 0.31ch 0px;">-</span>8<span style="display: inline-block; text-align: center; min-width: 0.48em; padding-right: 0.31ch; text-shadow: 0.31ch 0px;">-</span>8<span style="display: inline-block; text-align: center; min-width: 0.48em; padding-right: 0.31ch; text-shadow: 0.31ch 0px;">-</span>8<span style="display: inline-block; text-align: center; min-width: 0.48em; padding-right: 0.31ch; text-shadow: 0.31ch 0px;">-</span><span style="display: inline-block; text-align: center; min-width: 0.48em; padding-right: 0.31ch; text-shadow: 0.31ch 0px;">-</span><span style="display: inline-block; text-align: center; min-width: 0.48em; padding-right: 0.31ch; text-shadow: 0.31ch 0px;">-</span><span style="display: inline-block; text-align: center; min-width: 0.48em; padding-right: 0.31ch; text-shadow: 0.31ch 0px;">-</span><span style="display: inline-block; text-align: center; min-width: 0.48em; padding-right: 0.31ch; text-shadow: 0.31ch 0px;">-</span>
<br />=8=8=8=8=8=====
<br /><span style="display: inline-block; text-align: center; min-width: 0.52em; padding-right: 0.31ch; text-shadow: 0.31ch 0px;">-</span>8<span style="display: inline-block; text-align: center; min-width: 0.52em; padding-right: 0.31ch; text-shadow: 0.31ch 0px;">-</span>8<span style="display: inline-block; text-align: center; min-width: 0.52em; padding-right: 0.31ch; text-shadow: 0.31ch 0px;">-</span>8<span style="display: inline-block; text-align: center; min-width: 0.52em; padding-right: 0.31ch; text-shadow: 0.31ch 0px;">-</span>8<span style="display: inline-block; text-align: center; min-width: 0.52em; padding-right: 0.31ch; text-shadow: 0.31ch 0px;">-</span>8<span style="display: inline-block; text-align: center; min-width: 0.52em; padding-right: 0.31ch; text-shadow: 0.31ch 0px;">-</span><span style="display: inline-block; text-align: center; min-width: 0.52em; padding-right: 0.31ch; text-shadow: 0.31ch 0px;">-</span><span style="display: inline-block; text-align: center; min-width: 0.52em; padding-right: 0.31ch; text-shadow: 0.31ch 0px;">-</span><span style="display: inline-block; text-align: center; min-width: 0.52em; padding-right: 0.31ch; text-shadow: 0.31ch 0px;">-</span><span style="display: inline-block; text-align: center; min-width: 0.52em; padding-right: 0.31ch; text-shadow: 0.31ch 0px;">-</span>
<br />+8+8+8+8+8+++++
<br /><span style="display: inline-block; text-align: center; min-width: 0.56em; padding-right: 0.31ch; text-shadow: 0.31ch 0px;">-</span>8<span style="display: inline-block; text-align: center; min-width: 0.56em; padding-right: 0.31ch; text-shadow: 0.31ch 0px;">-</span>8<span style="display: inline-block; text-align: center; min-width: 0.56em; padding-right: 0.31ch; text-shadow: 0.31ch 0px;">-</span>8<span style="display: inline-block; text-align: center; min-width: 0.56em; padding-right: 0.31ch; text-shadow: 0.31ch 0px;">-</span>8<span style="display: inline-block; text-align: center; min-width: 0.56em; padding-right: 0.31ch; text-shadow: 0.31ch 0px;">-</span>8<span style="display: inline-block; text-align: center; min-width: 0.56em; padding-right: 0.31ch; text-shadow: 0.31ch 0px;">-</span><span style="display: inline-block; text-align: center; min-width: 0.56em; padding-right: 0.31ch; text-shadow: 0.31ch 0px;">-</span><span style="display: inline-block; text-align: center; min-width: 0.56em; padding-right: 0.31ch; text-shadow: 0.31ch 0px;">-</span><span style="display: inline-block; text-align: center; min-width: 0.56em; padding-right: 0.31ch; text-shadow: 0.31ch 0px;">-</span><span style="display: inline-block; text-align: center; min-width: 0.56em; padding-right: 0.31ch; text-shadow: 0.31ch 0px;">-</span>
<br />=8=8=8=8=8=====
<br /><span style="display: inline-block; text-align: center; min-width: 0.6em; padding-right: 0.31ch; text-shadow: 0.31ch 0px;">-</span>8<span style="display: inline-block; text-align: center; min-width: 0.6em; padding-right: 0.31ch; text-shadow: 0.31ch 0px;">-</span>8<span style="display: inline-block; text-align: center; min-width: 0.6em; padding-right: 0.31ch; text-shadow: 0.31ch 0px;">-</span>8<span style="display: inline-block; text-align: center; min-width: 0.6em; padding-right: 0.31ch; text-shadow: 0.31ch 0px;">-</span>8<span style="display: inline-block; text-align: center; min-width: 0.6em; padding-right: 0.31ch; text-shadow: 0.31ch 0px;">-</span>8<span style="display: inline-block; text-align: center; min-width: 0.6em; padding-right: 0.31ch; text-shadow: 0.31ch 0px;">-</span><span style="display: inline-block; text-align: center; min-width: 0.6em; padding-right: 0.31ch; text-shadow: 0.31ch 0px;">-</span><span style="display: inline-block; text-align: center; min-width: 0.6em; padding-right: 0.31ch; text-shadow: 0.31ch 0px;">-</span><span style="display: inline-block; text-align: center; min-width: 0.6em; padding-right: 0.31ch; text-shadow: 0.31ch 0px;">-</span><span style="display: inline-block; text-align: center; min-width: 0.6em; padding-right: 0.31ch; text-shadow: 0.31ch 0px;">-</span>
<br />+8+8+8+8+8+++++
|-
|
&minus;8&minus;8&minus;8&minus;8&minus;8&minus;&minus;&minus;&minus;&minus;
<br />+8+8+8+8+8+++++
<br /><span style="display: inline-block; text-align: center; min-width: 0.40em; padding-right: 0.31ch; text-shadow: 0.31ch 0px;">-</span>8<span style="display: inline-block; text-align: center; min-width: 0.40em; padding-right: 0.31ch; text-shadow: 0.31ch 0px;">-</span>8<span style="display: inline-block; text-align: center; min-width: 0.40em; padding-right: 0.31ch; text-shadow: 0.31ch 0px;">-</span>8<span style="display: inline-block; text-align: center; min-width: 0.40em; padding-right: 0.31ch; text-shadow: 0.31ch 0px;">-</span>8<span style="display: inline-block; text-align: center; min-width: 0.40em; padding-right: 0.31ch; text-shadow: 0.31ch 0px;">-</span>8<span style="display: inline-block; text-align: center; min-width: 0.40em; padding-right: 0.31ch; text-shadow: 0.31ch 0px;">-</span><span style="display: inline-block; text-align: center; min-width: 0.40em; padding-right: 0.31ch; text-shadow: 0.31ch 0px;">-</span><span style="display: inline-block; text-align: center; min-width: 0.40em; padding-right: 0.31ch; text-shadow: 0.31ch 0px;">-</span><span style="display: inline-block; text-align: center; min-width: 0.40em; padding-right: 0.31ch; text-shadow: 0.31ch 0px;">-</span><span style="display: inline-block; text-align: center; min-width: 0.40em; padding-right: 0.31ch; text-shadow: 0.31ch 0px;">-</span> min0.4em+0.31ch
<br />=8=8=8=8=8=====
<br /><span style="display: inline-block; text-align: center; min-width: 0.44em; padding-right: 0.31ch; text-shadow: 0.31ch 0px;">-</span>8<span style="display: inline-block; text-align: center; min-width: 0.44em; padding-right: 0.31ch; text-shadow: 0.31ch 0px;">-</span>8<span style="display: inline-block; text-align: center; min-width: 0.44em; padding-right: 0.31ch; text-shadow: 0.31ch 0px;">-</span>8<span style="display: inline-block; text-align: center; min-width: 0.44em; padding-right: 0.31ch; text-shadow: 0.31ch 0px;">-</span>8<span style="display: inline-block; text-align: center; min-width: 0.44em; padding-right: 0.31ch; text-shadow: 0.31ch 0px;">-</span>8<span style="display: inline-block; text-align: center; min-width: 0.44em; padding-right: 0.31ch; text-shadow: 0.31ch 0px;">-</span><span style="display: inline-block; text-align: center; min-width: 0.44em; padding-right: 0.31ch; text-shadow: 0.31ch 0px;">-</span><span style="display: inline-block; text-align: center; min-width: 0.44em; padding-right: 0.31ch; text-shadow: 0.31ch 0px;">-</span><span style="display: inline-block; text-align: center; min-width: 0.44em; padding-right: 0.31ch; text-shadow: 0.31ch 0px;">-</span><span style="display: inline-block; text-align: center; min-width: 0.44em; padding-right: 0.31ch; text-shadow: 0.31ch 0px;">-</span> min0.44em+0.31ch
<br />+8+8+8+8+8+++++
<br /><span style="display: inline-block; text-align: center; min-width: 0.48em; padding-right: 0.31ch; text-shadow: 0.31ch 0px;">-</span>8<span style="display: inline-block; text-align: center; min-width: 0.48em; padding-right: 0.31ch; text-shadow: 0.31ch 0px;">-</span>8<span style="display: inline-block; text-align: center; min-width: 0.48em; padding-right: 0.31ch; text-shadow: 0.31ch 0px;">-</span>8<span style="display: inline-block; text-align: center; min-width: 0.48em; padding-right: 0.31ch; text-shadow: 0.31ch 0px;">-</span>8<span style="display: inline-block; text-align: center; min-width: 0.48em; padding-right: 0.31ch; text-shadow: 0.31ch 0px;">-</span>8<span style="display: inline-block; text-align: center; min-width: 0.48em; padding-right: 0.31ch; text-shadow: 0.31ch 0px;">-</span><span style="display: inline-block; text-align: center; min-width: 0.48em; padding-right: 0.31ch; text-shadow: 0.31ch 0px;">-</span><span style="display: inline-block; text-align: center; min-width: 0.48em; padding-right: 0.31ch; text-shadow: 0.31ch 0px;">-</span><span style="display: inline-block; text-align: center; min-width: 0.48em; padding-right: 0.31ch; text-shadow: 0.31ch 0px;">-</span><span style="display: inline-block; text-align: center; min-width: 0.48em; padding-right: 0.31ch; text-shadow: 0.31ch 0px;">-</span> min0.48em+0.31ch
<br />=8=8=8=8=8=====
<br /><span style="display: inline-block; text-align: center; min-width: 0.52em; padding-right: 0.31ch; text-shadow: 0.31ch 0px;">-</span>8<span style="display: inline-block; text-align: center; min-width: 0.52em; padding-right: 0.31ch; text-shadow: 0.31ch 0px;">-</span>8<span style="display: inline-block; text-align: center; min-width: 0.52em; padding-right: 0.31ch; text-shadow: 0.31ch 0px;">-</span>8<span style="display: inline-block; text-align: center; min-width: 0.52em; padding-right: 0.31ch; text-shadow: 0.31ch 0px;">-</span>8<span style="display: inline-block; text-align: center; min-width: 0.52em; padding-right: 0.31ch; text-shadow: 0.31ch 0px;">-</span>8<span style="display: inline-block; text-align: center; min-width: 0.52em; padding-right: 0.31ch; text-shadow: 0.31ch 0px;">-</span><span style="display: inline-block; text-align: center; min-width: 0.52em; padding-right: 0.31ch; text-shadow: 0.31ch 0px;">-</span><span style="display: inline-block; text-align: center; min-width: 0.52em; padding-right: 0.31ch; text-shadow: 0.31ch 0px;">-</span><span style="display: inline-block; text-align: center; min-width: 0.52em; padding-right: 0.31ch; text-shadow: 0.31ch 0px;">-</span><span style="display: inline-block; text-align: center; min-width: 0.52em; padding-right: 0.31ch; text-shadow: 0.31ch 0px;">-</span> min0.52em+0.31ch
<br />+8+8+8+8+8+++++
<br /><span style="display: inline-block; text-align: center; min-width: 0.56em; padding-right: 0.31ch; text-shadow: 0.31ch 0px;">-</span>8<span style="display: inline-block; text-align: center; min-width: 0.56em; padding-right: 0.31ch; text-shadow: 0.31ch 0px;">-</span>8<span style="display: inline-block; text-align: center; min-width: 0.56em; padding-right: 0.31ch; text-shadow: 0.31ch 0px;">-</span>8<span style="display: inline-block; text-align: center; min-width: 0.56em; padding-right: 0.31ch; text-shadow: 0.31ch 0px;">-</span>8<span style="display: inline-block; text-align: center; min-width: 0.56em; padding-right: 0.31ch; text-shadow: 0.31ch 0px;">-</span>8<span style="display: inline-block; text-align: center; min-width: 0.56em; padding-right: 0.31ch; text-shadow: 0.31ch 0px;">-</span><span style="display: inline-block; text-align: center; min-width: 0.56em; padding-right: 0.31ch; text-shadow: 0.31ch 0px;">-</span><span style="display: inline-block; text-align: center; min-width: 0.56em; padding-right: 0.31ch; text-shadow: 0.31ch 0px;">-</span><span style="display: inline-block; text-align: center; min-width: 0.56em; padding-right: 0.31ch; text-shadow: 0.31ch 0px;">-</span><span style="display: inline-block; text-align: center; min-width: 0.56em; padding-right: 0.31ch; text-shadow: 0.31ch 0px;">-</span> min0.56em+0.31ch
<br />=8=8=8=8=8=====
<br /><span style="display: inline-block; text-align: center; min-width: 0.6em; padding-right: 0.31ch; text-shadow: 0.31ch 0px;">-</span>8<span style="display: inline-block; text-align: center; min-width: 0.6em; padding-right: 0.31ch; text-shadow: 0.31ch 0px;">-</span>8<span style="display: inline-block; text-align: center; min-width: 0.6em; padding-right: 0.31ch; text-shadow: 0.31ch 0px;">-</span>8<span style="display: inline-block; text-align: center; min-width: 0.6em; padding-right: 0.31ch; text-shadow: 0.31ch 0px;">-</span>8<span style="display: inline-block; text-align: center; min-width: 0.6em; padding-right: 0.31ch; text-shadow: 0.31ch 0px;">-</span>8<span style="display: inline-block; text-align: center; min-width: 0.6em; padding-right: 0.31ch; text-shadow: 0.31ch 0px;">-</span><span style="display: inline-block; text-align: center; min-width: 0.6em; padding-right: 0.31ch; text-shadow: 0.31ch 0px;">-</span><span style="display: inline-block; text-align: center; min-width: 0.6em; padding-right: 0.31ch; text-shadow: 0.31ch 0px;">-</span><span style="display: inline-block; text-align: center; min-width: 0.6em; padding-right: 0.31ch; text-shadow: 0.31ch 0px;">-</span><span style="display: inline-block; text-align: center; min-width: 0.6em; padding-right: 0.31ch; text-shadow: 0.31ch 0px;">-</span> min0.6em+0.31ch
<br />+8+8+8+8+8+++++
|}
</div></div>

Revision as of 14:25, 4 June 2024

minus-like hyphen-minus, or displaying &minus; glyph with &#x2d; charcode

How apply to whole text only for -
None +8-8=a+b-c +-= -‐− +8-8=a+b-c +-= -‐−
font-family: sans-serif; +8-8=a+b-c +-= -‐− +8-8=a+b-c +-= -‐−
font-family: Symbol; +8-8=a+b-c +-= -‐− +8-8=a+b-c +-= -‐−
font-family: Symbol, sans-serif; +8-8=a+b-c +-= -‐− +8-8=a+b-c +-= -‐−
font-family: Courier New; +8-8=a+b-c +-= -‐− +8-8=a+b-c +-= -‐−
font-family: monospace; +8-8=a+b-c +-= -‐− +8-8=a+b-c +-= -‐−
padding-right: 0.2em; text-shadow: 0.15em 0px; +8-8=a+b-c +-= -‐− +8-8=a+b-c +-= -‐−
template +8-8=a+b-c +-= -‐−

by em

text-shadow+padding

−8−8−8−8−8−−−−−
+8+8+8+8+8+++++
-8-8-8-8-8----- +0.25em
+8+8+8+8+8+++++
-8-8-8-8-8----- +0.26em
=8=8=8=8=8=====
-8-8-8-8-8----- +0.28em
+8+8+8+8+8+++++
-8-8-8-8-8----- +0.3em
=8=8=8=8=8=====
-8-8-8-8-8----- +0.32em
+8+8+8+8+8+++++
-8-8-8-8-8----- +0.34em
=8=8=8=8=8=====
-8-8-8-8-8----- +0.36em
+8+8+8+8+8+++++

text-shadow+padding+min-width

−8−8−8−8−8−−−−−
+8+8+8+8+8+++++
-8-8-8-8-8-----
=8=8=8=8=8=====
-8-8-8-8-8-----
+8+8+8+8+8+++++
-8-8-8-8-8-----
=8=8=8=8=8=====
-8-8-8-8-8-----
+8+8+8+8+8+++++
-8-8-8-8-8-----
=8=8=8=8=8=====
-8-8-8-8-8-----
+8+8+8+8+8+++++

−8−8−8−8−8−−−−−
+8+8+8+8+8+++++
-8-8-8-8-8----- 0.56or+0.18
=8=8=8=8=8=====
-8-8-8-8-8----- 0.57or+0.18
+8+8+8+8+8+++++
-8-8-8-8-8----- 0.60or+0.18
=8=8=8=8=8=====
-8-8-8-8-8----- 0.64or+0.18
+8+8+8+8+8+++++
-8-8-8-8-8----- 0.68or+0.18
=8=8=8=8=8=====
-8-8-8-8-8----- 0.72or+0.18
+8+8+8+8+8+++++
-8-8-8-8-8----- 0.76or+0.18
=8=8=8=8=8=====
-8-8-8-8-8----- 0.80or+0.18
+8+8+8+8+8+++++

by ch

text-shadow+padding

−8−8−8−8−8−−−−−
+8+8+8+8+8+++++
-8-8-8-8-8----- +0.46ch
+8+8+8+8+8+++++
-8-8-8-8-8----- +0.36ch
=8=8=8=8=8=====
-8-8-8-8-8----- +0.4ch
+8+8+8+8+8+++++
-8-8-8-8-8----- +0.44ch
=8=8=8=8=8=====
-8-8-8-8-8----- +0.48ch
+8+8+8+8+8+++++
-8-8-8-8-8----- +0.52ch
=8=8=8=8=8=====
-8-8-8-8-8----- +0.56ch
+8+8+8+8+8+++++

text-shadow+padding+min-width

−8−8−8−8−8−−−−−
+8+8+8+8+8+++++
-8-8-8-8-8-----
=8=8=8=8=8=====
-8-8-8-8-8-----
+8+8+8+8+8+++++
-8-8-8-8-8-----
=8=8=8=8=8=====
-8-8-8-8-8-----
+8+8+8+8+8+++++
-8-8-8-8-8-----
=8=8=8=8=8=====
-8-8-8-8-8-----
+8+8+8+8+8+++++

−8−8−8−8−8−−−−−
+8+8+8+8+8+++++
-8-8-8-8-8----- 0.86or+0.31
=8=8=8=8=8=====
-8-8-8-8-8----- 0.90or+0.31
+8+8+8+8+8+++++
-8-8-8-8-8----- 0.94or+0.31
=8=8=8=8=8=====
-8-8-8-8-8----- 0.98or+0.31
+8+8+8+8+8+++++
-8-8-8-8-8----- 1.01or+0.31
=8=8=8=8=8=====
-8-8-8-8-8----- 1.05or+0.31
+8+8+8+8+8+++++


+8+8+8+8+8+++++
-8-8-8-8-8-----
=8=8=8=8=8=====
-8-8-8-8-8-----
+8+8+8+8+8+++++
-8-8-8-8-8-----
+8+8+8+8+8+++++
-8-8-8-8-8-----
+8+8+8+8+8+++++
-8-8-8-8-8-----
+8+8+8+8+8+++++
-8-8-8-8-8-----

character widths by ch of each font
font plus equal hyphen-minus minw0.7 +0.31
Segoe UI 1.27 1.27 0.74 0.74 1.05
Meiryo UI 1.30 1.30 0.71 0.71 1.02
Roboto Regular 1.01 0.98 0.49 0.70 1.01
Roboto Bold 0.95 1.00 0.68 0.70 1.01
iOS Safari Desktop View 1.05 1.05 0.59 0.70 1.01
iOS Safari Mobile View 1.00 1.00 0.74 0.74 1.05