User:Dummy index/SandBox

minus-like hyphen-minus, or displaying − glyph with - 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.57or+0.16 =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

• In Roboto, minus is wider than plus.
• Even same width by ch between plus in regular and plus in bold, bold is wider in real (by em).
• Even same width by ch between hyphen in Segoe UI and hyphen in iOS Mobile view, hyphen in Segoe UI is narrower by em, empowering the effect of min-width by em.