User:Dummy index/SandBox: Difference between revisions

From Xenharmonic Wiki
Jump to navigation Jump to search
← Older editNewer edit →
VisualWikitext
Dummy index (talk | contribs)
autopatrolled, emailconfirmed
563 edits
No edit summary
Dummy index (talk | contribs)
autopatrolled, emailconfirmed
563 edits
No edit summary
Line 20: Line 20:
|}
|}


<div class="mw-collapsible mw-collapsed"><p>'''by em'''</p>
<div class="mw-collapsible"><p>'''by em'''</p>
<div class="mw-collapsible-content"><p>'''text-shadow+padding'''</p>
<div class="mw-collapsible-content"><p>'''text-shadow+padding'''</p>
&minus;8&minus;8&minus;8&minus;8&minus;8&minus;&minus;&minus;&minus;&minus;
&minus;8&minus;8&minus;8&minus;8&minus;8&minus;&minus;&minus;&minus;&minus;
Line 45: Line 45:
&minus;8&minus;8&minus;8&minus;8&minus;8&minus;&minus;&minus;&minus;&minus;
&minus;8&minus;8&minus;8&minus;8&minus;8&minus;&minus;&minus;&minus;&minus;
<br />+8+8+8+8+8+++++
<br />+8+8+8+8+8+++++
<br /><span style="display: inline-block; text-align: center; min-width: 0.39em; padding-right: 0.18em; text-shadow: 0.18em 0px;">-</span>8<span style="display: inline-block; text-align: center; min-width: 0.39em; padding-right: 0.18em; text-shadow: 0.18em 0px;">-</span>8<span style="display: inline-block; text-align: center; min-width: 0.39em; padding-right: 0.18em; text-shadow: 0.18em 0px;">-</span>8<span style="display: inline-block; text-align: center; min-width: 0.39em; padding-right: 0.18em; text-shadow: 0.18em 0px;">-</span>8<span style="display: inline-block; text-align: center; min-width: 0.39em; padding-right: 0.18em; text-shadow: 0.18em 0px;">-</span>8<span style="display: inline-block; text-align: center; min-width: 0.39em; padding-right: 0.18em; text-shadow: 0.18em 0px;">-</span><span style="display: inline-block; text-align: center; min-width: 0.39em; padding-right: 0.18em; text-shadow: 0.18em 0px;">-</span><span style="display: inline-block; text-align: center; min-width: 0.39em; padding-right: 0.18em; text-shadow: 0.18em 0px;">-</span><span style="display: inline-block; text-align: center; min-width: 0.39em; padding-right: 0.18em; text-shadow: 0.18em 0px;">-</span><span style="display: inline-block; text-align: center; min-width: 0.39em; padding-right: 0.18em; text-shadow: 0.18em 0px;">-</span>
<br /><span style="display: inline-block; text-align: center; min-width: 0.41em; padding-right: 0.16em; text-shadow: 0.16em 0px;">-</span>8<span style="display: inline-block; text-align: center; min-width: 0.41em; padding-right: 0.16em; text-shadow: 0.16em 0px;">-</span>8<span style="display: inline-block; text-align: center; min-width: 0.41em; padding-right: 0.16em; text-shadow: 0.16em 0px;">-</span>8<span style="display: inline-block; text-align: center; min-width: 0.41em; padding-right: 0.16em; text-shadow: 0.16em 0px;">-</span>8<span style="display: inline-block; text-align: center; min-width: 0.41em; padding-right: 0.16em; text-shadow: 0.16em 0px;">-</span>8<span style="display: inline-block; text-align: center; min-width: 0.41em; padding-right: 0.16em; text-shadow: 0.16em 0px;">-</span><span style="display: inline-block; text-align: center; min-width: 0.41em; padding-right: 0.16em; text-shadow: 0.16em 0px;">-</span><span style="display: inline-block; text-align: center; min-width: 0.41em; padding-right: 0.16em; text-shadow: 0.16em 0px;">-</span><span style="display: inline-block; text-align: center; min-width: 0.41em; padding-right: 0.16em; text-shadow: 0.16em 0px;">-</span><span style="display: inline-block; text-align: center; min-width: 0.41em; padding-right: 0.16em; text-shadow: 0.16em 0px;">-</span>
<br />=8=8=8=8=8=====
<br />=8=8=8=8=8=====
<br /><span style="padding-right: 0.18em; text-shadow: 0.18em 0px;">-</span>8<span style="padding-right: 0.18em; text-shadow: 0.18em 0px;">-</span>8<span style="padding-right: 0.18em; text-shadow: 0.18em 0px;">-</span>8<span style="padding-right: 0.18em; text-shadow: 0.18em 0px;">-</span>8<span style="padding-right: 0.18em; text-shadow: 0.18em 0px;">-</span>8<span style="padding-right: 0.18em; text-shadow: 0.18em 0px;">-</span><span style="padding-right: 0.18em; text-shadow: 0.18em 0px;">-</span><span style="padding-right: 0.18em; text-shadow: 0.18em 0px;">-</span><span style="padding-right: 0.18em; text-shadow: 0.18em 0px;">-</span><span style="padding-right: 0.18em; text-shadow: 0.18em 0px;">-</span>
<br /><span style="padding-right: 0.18em; text-shadow: 0.18em 0px;">-</span>8<span style="padding-right: 0.18em; text-shadow: 0.18em 0px;">-</span>8<span style="padding-right: 0.18em; text-shadow: 0.18em 0px;">-</span>8<span style="padding-right: 0.18em; text-shadow: 0.18em 0px;">-</span>8<span style="padding-right: 0.18em; text-shadow: 0.18em 0px;">-</span>8<span style="padding-right: 0.18em; text-shadow: 0.18em 0px;">-</span><span style="padding-right: 0.18em; text-shadow: 0.18em 0px;">-</span><span style="padding-right: 0.18em; text-shadow: 0.18em 0px;">-</span><span style="padding-right: 0.18em; text-shadow: 0.18em 0px;">-</span><span style="padding-right: 0.18em; text-shadow: 0.18em 0px;">-</span>
Line 61: Line 61:
&minus;8&minus;8&minus;8&minus;8&minus;8&minus;&minus;&minus;&minus;&minus;
&minus;8&minus;8&minus;8&minus;8&minus;8&minus;&minus;&minus;&minus;&minus;
<br />+8+8+8+8+8+++++
<br />+8+8+8+8+8+++++
<br /><span style="display: inline-block; text-align: center; min-width: 0.38em; padding-right: 0.18em; text-shadow: 0.18em 0px;">-</span>8<span style="display: inline-block; text-align: center; min-width: 0.38em; padding-right: 0.18em; text-shadow: 0.18em 0px;">-</span>8<span style="display: inline-block; text-align: center; min-width: 0.38em; padding-right: 0.18em; text-shadow: 0.18em 0px;">-</span>8<span style="display: inline-block; text-align: center; min-width: 0.38em; padding-right: 0.18em; text-shadow: 0.18em 0px;">-</span>8<span style="display: inline-block; text-align: center; min-width: 0.38em; padding-right: 0.18em; text-shadow: 0.18em 0px;">-</span>8<span style="display: inline-block; text-align: center; min-width: 0.38em; padding-right: 0.18em; text-shadow: 0.18em 0px;">-</span><span style="display: inline-block; text-align: center; min-width: 0.38em; padding-right: 0.18em; text-shadow: 0.18em 0px;">-</span><span style="display: inline-block; text-align: center; min-width: 0.38em; padding-right: 0.18em; text-shadow: 0.18em 0px;">-</span><span style="display: inline-block; text-align: center; min-width: 0.38em; padding-right: 0.18em; text-shadow: 0.18em 0px;">-</span><span style="display: inline-block; text-align: center; min-width: 0.38em; padding-right: 0.18em; text-shadow: 0.18em 0px;">-</span> 0.56or+0.18
<br /><span style="display: inline-block; text-align: center; min-width: 0.41em; padding-right: 0.16em; text-shadow: 0.16em 0px;">-</span>8<span style="display: inline-block; text-align: center; min-width: 0.41em; padding-right: 0.16em; text-shadow: 0.16em 0px;">-</span>8<span style="display: inline-block; text-align: center; min-width: 0.41em; padding-right: 0.16em; text-shadow: 0.16em 0px;">-</span>8<span style="display: inline-block; text-align: center; min-width: 0.41em; padding-right: 0.16em; text-shadow: 0.16em 0px;">-</span>8<span style="display: inline-block; text-align: center; min-width: 0.41em; padding-right: 0.16em; text-shadow: 0.16em 0px;">-</span>8<span style="display: inline-block; text-align: center; min-width: 0.41em; padding-right: 0.16em; text-shadow: 0.16em 0px;">-</span><span style="display: inline-block; text-align: center; min-width: 0.41em; padding-right: 0.16em; text-shadow: 0.16em 0px;">-</span><span style="display: inline-block; text-align: center; min-width: 0.41em; padding-right: 0.16em; text-shadow: 0.16em 0px;">-</span><span style="display: inline-block; text-align: center; min-width: 0.41em; padding-right: 0.16em; text-shadow: 0.16em 0px;">-</span><span style="display: inline-block; text-align: center; min-width: 0.41em; padding-right: 0.16em; text-shadow: 0.16em 0px;">-</span> 0.57or+0.16
<br />=8=8=8=8=8=====
<br />=8=8=8=8=8=====
<br /><span style="display: inline-block; text-align: center; min-width: 0.39em; padding-right: 0.18em; text-shadow: 0.18em 0px;">-</span>8<span style="display: inline-block; text-align: center; min-width: 0.39em; padding-right: 0.18em; text-shadow: 0.18em 0px;">-</span>8<span style="display: inline-block; text-align: center; min-width: 0.39em; padding-right: 0.18em; text-shadow: 0.18em 0px;">-</span>8<span style="display: inline-block; text-align: center; min-width: 0.39em; padding-right: 0.18em; text-shadow: 0.18em 0px;">-</span>8<span style="display: inline-block; text-align: center; min-width: 0.39em; padding-right: 0.18em; text-shadow: 0.18em 0px;">-</span>8<span style="display: inline-block; text-align: center; min-width: 0.39em; padding-right: 0.18em; text-shadow: 0.18em 0px;">-</span><span style="display: inline-block; text-align: center; min-width: 0.39em; padding-right: 0.18em; text-shadow: 0.18em 0px;">-</span><span style="display: inline-block; text-align: center; min-width: 0.39em; padding-right: 0.18em; text-shadow: 0.18em 0px;">-</span><span style="display: inline-block; text-align: center; min-width: 0.39em; padding-right: 0.18em; text-shadow: 0.18em 0px;">-</span><span style="display: inline-block; text-align: center; min-width: 0.39em; padding-right: 0.18em; text-shadow: 0.18em 0px;">-</span> 0.57or+0.18
<br /><span style="display: inline-block; text-align: center; min-width: 0.39em; padding-right: 0.18em; text-shadow: 0.18em 0px;">-</span>8<span style="display: inline-block; text-align: center; min-width: 0.39em; padding-right: 0.18em; text-shadow: 0.18em 0px;">-</span>8<span style="display: inline-block; text-align: center; min-width: 0.39em; padding-right: 0.18em; text-shadow: 0.18em 0px;">-</span>8<span style="display: inline-block; text-align: center; min-width: 0.39em; padding-right: 0.18em; text-shadow: 0.18em 0px;">-</span>8<span style="display: inline-block; text-align: center; min-width: 0.39em; padding-right: 0.18em; text-shadow: 0.18em 0px;">-</span>8<span style="display: inline-block; text-align: center; min-width: 0.39em; padding-right: 0.18em; text-shadow: 0.18em 0px;">-</span><span style="display: inline-block; text-align: center; min-width: 0.39em; padding-right: 0.18em; text-shadow: 0.18em 0px;">-</span><span style="display: inline-block; text-align: center; min-width: 0.39em; padding-right: 0.18em; text-shadow: 0.18em 0px;">-</span><span style="display: inline-block; text-align: center; min-width: 0.39em; padding-right: 0.18em; text-shadow: 0.18em 0px;">-</span><span style="display: inline-block; text-align: center; min-width: 0.39em; padding-right: 0.18em; text-shadow: 0.18em 0px;">-</span> 0.57or+0.18
Line 79: Line 79:
|}
|}
</div></div>
</div></div>
<div class="mw-collapsible"><p>'''by ch'''</p>
<div class="mw-collapsible mw-collapsed"><p>'''by ch'''</p>
<div class="mw-collapsible-content"><p>'''text-shadow+padding'''</p>
<div class="mw-collapsible-content"><p>'''text-shadow+padding'''</p>
&minus;8&minus;8&minus;8&minus;8&minus;8&minus;&minus;&minus;&minus;&minus;
&minus;8&minus;8&minus;8&minus;8&minus;8&minus;&minus;&minus;&minus;&minus;

Revision as of 13:15, 5 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.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.
Retrieved from "https://en.xen.wiki/index.php?title=User:Dummy_index/SandBox&oldid=145752"