User:Dummy index/SandBox: Difference between revisions

(10 intermediate revisions by the same user not shown)

Line 20:

|}

<div class="mw-collapsible ~~mw-collapsed~~">'''by em'''

<div class="mw-collapsible">'''by em'''

<div class="mw-collapsible-content">'''text-shadow+padding'''

−8−8−8−8−8−−−−−

Line 45:

−8−8−8−8−8−−−−−

+8+8+8+8+8+++++

-8-8-8-8-8-----

-8-8-8-8-8-----

=8=8=8=8=8=====

-8-8-8-8-8-----

Line 61:

−8−8−8−8−8−−−−−

+8+8+8+8+8+++++

-8-8-8-8-8----- 0.~~56or~~+0.18

-8-8-8-8-8----- 0.57or+0.16

=8=8=8=8=8=====

-8-8-8-8-8----- 0.57or+0.18

Line 79:

|}

</div></div>

<div class="mw-collapsible">'''by ch'''

<div class="mw-collapsible mw-collapsed">'''by ch'''

<div class="mw-collapsible-content">'''text-shadow+padding'''

−8−8−8−8−8−−−−−

Line 133:

|}

+8+8+8+8+8+++++

-8-8-8-8-8-----

-8-8-8-8-8-----

=8=8=8=8=8=====

-8-8-8-8-8-----

-8-8-8-8-8-----

~~ +8+8+8+8+8+++++~~

-8-8-8-8-8-----

~~ =8=8=8=8=8=====~~

-8-8-8-8-8-----

+8+8+8+8+8+++++

-8-8-8-8-8-----

+8+8+8+8+8+++++

-8-8-8-8-8-----

+8+8+8+8+8+++++

-8-8-8-8-8-----

+8+8+8+8+8+++++

-8-8-8-8-8-----

</div></div>

{| class="wikitable"

|+ 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.

== Chord-consistent EDOs ==

{| class="wikitable"

|-

! chord !! edos

|-

| 1:2:4 || {{#invoke:Chord consistency|noinfobox_chord|Harmonics=1:2:4}}

|-

| 4:5:6:7 || {{#invoke:Chord consistency|noinfobox_chord|Harmonics=4:5:6:7}}

|-

| 4:5:6:7:9:15 || {{#invoke:Chord consistency|noinfobox_chord|Harmonics=4:5:6:7:9:15}}

|-

| 11:14:17:20 || {{#invoke:Chord consistency|noinfobox_chord|Harmonics=11:14:17:20}}

|-

| 5:8:11:14:17:20 || {{#invoke:Chord consistency|noinfobox_chord|Harmonics=5:8:11:14:17:20}}

|-

| 4:7:10:13 || {{#invoke:Chord consistency|noinfobox_chord|Harmonics=4:7:10:13}}

|-

| 4:7:10:13:16:19 || {{#invoke:Chord consistency|noinfobox_chord|Harmonics=4:7:10:13:16:19}}

|}

<nowiki />* consistency distance 2–3

<nowiki />** consistency distance 4–7

<nowiki />*** consistency distance 8–15

@@ 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>
 &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;
 <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 /><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;
 <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 /><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 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>
 &minus;8&minus;8&minus;8&minus;8&minus;8&minus;&minus;&minus;&minus;&minus;
@@ Line 133: / Line 133: @@
 |}
 <br />+8+8+8+8+8+++++
-<br /><span style="display: inline-block; min-width: 1.08ch;">-</span>8<span style="display: inline-block; min-width: 1.08ch;">-</span>8<span style="display: inline-block; min-width: 1.08ch;">-</span>8<span style="display: inline-block; min-width: 1.08ch;">-</span>8<span style="display: inline-block; min-width: 1.08ch;">-</span>8<span style="display: inline-block; min-width: 1.08ch;">-</span><span style="display: inline-block; min-width: 1.08ch;">-</span><span style="display: inline-block; min-width: 1.08ch;">-</span><span style="display: inline-block; min-width: 1.08ch;">-</span><span style="display: inline-block; min-width: 1.08ch;">-</span>
+<br /><span style="display: inline-block; min-width: 1.00ch;">-</span>8<span style="display: inline-block; min-width: 1.00ch;">-</span>8<span style="display: inline-block; min-width: 1.00ch;">-</span>8<span style="display: inline-block; min-width: 1.00ch;">-</span>8<span style="display: inline-block; min-width: 1.00ch;">-</span>8<span style="display: inline-block; min-width: 1.00ch;">-</span><span style="display: inline-block; min-width: 1.00ch;">-</span><span style="display: inline-block; min-width: 1.00ch;">-</span><span style="display: inline-block; min-width: 1.00ch;">-</span><span style="display: inline-block; min-width: 1.00ch;">-</span>
 <br />=8=8=8=8=8=====
-<br /><span style="display: inline-block; min-width: 1.10ch;">-</span>8<span style="display: inline-block; min-width: 1.10ch;">-</span>8<span style="display: inline-block; min-width: 1.10ch;">-</span>8<span style="display: inline-block; min-width: 1.10ch;">-</span>8<span style="display: inline-block; min-width: 1.10ch;">-</span>8<span style="display: inline-block; min-width: 1.10ch;">-</span><span style="display: inline-block; min-width: 1.10ch;">-</span><span style="display: inline-block; min-width: 1.10ch;">-</span><span style="display: inline-block; min-width: 1.10ch;">-</span><span style="display: inline-block; min-width: 1.10ch;">-</span>
+<br /><span style="display: inline-block; min-width: 1.01ch;">-</span>8<span style="display: inline-block; min-width: 1.01ch;">-</span>8<span style="display: inline-block; min-width: 1.01ch;">-</span>8<span style="display: inline-block; min-width: 1.01ch;">-</span>8<span style="display: inline-block; min-width: 1.01ch;">-</span>8<span style="display: inline-block; min-width: 1.01ch;">-</span><span style="display: inline-block; min-width: 1.01ch;">-</span><span style="display: inline-block; min-width: 1.01ch;">-</span><span style="display: inline-block; min-width: 1.01ch;">-</span><span style="display: inline-block; min-width: 1.01ch;">-</span>
-<br />+8+8+8+8+8+++++
-<br /><span style="display: inline-block; min-width: 1.12ch;">-</span>8<span style="display: inline-block; min-width: 1.12ch;">-</span>8<span style="display: inline-block; min-width: 1.12ch;">-</span>8<span style="display: inline-block; min-width: 1.12ch;">-</span>8<span style="display: inline-block; min-width: 1.12ch;">-</span>8<span style="display: inline-block; min-width: 1.12ch;">-</span><span style="display: inline-block; min-width: 1.12ch;">-</span><span style="display: inline-block; min-width: 1.12ch;">-</span><span style="display: inline-block; min-width: 1.12ch;">-</span><span style="display: inline-block; min-width: 1.12ch;">-</span>
-<br />=8=8=8=8=8=====
-<br /><span style="display: inline-block; min-width: 1.14ch;">-</span>8<span style="display: inline-block; min-width: 1.14ch;">-</span>8<span style="display: inline-block; min-width: 1.14ch;">-</span>8<span style="display: inline-block; min-width: 1.14ch;">-</span>8<span style="display: inline-block; min-width: 1.14ch;">-</span>8<span style="display: inline-block; min-width: 1.14ch;">-</span><span style="display: inline-block; min-width: 1.14ch;">-</span><span style="display: inline-block; min-width: 1.14ch;">-</span><span style="display: inline-block; min-width: 1.14ch;">-</span><span style="display: inline-block; min-width: 1.14ch;">-</span>
 <br />+8+8+8+8+8+++++
+<br />-8-8-8-8-8-----
+<br /><span style="display: inline-block; max-width: 0.73ch;">+</span>8<span style="display: inline-block; max-width: 0.73ch;">+</span>8<span style="display: inline-block; max-width: 0.73ch;">+</span>8<span style="display: inline-block; max-width: 0.73ch;">+</span>8<span style="display: inline-block; max-width: 0.73ch;">+</span>8<span style="display: inline-block; max-width: 0.73ch;">+</span><span style="display: inline-block; max-width: 0.73ch;">+</span><span style="display: inline-block; max-width: 0.73ch;">+</span><span style="display: inline-block; max-width: 0.73ch;">+</span><span style="display: inline-block; max-width: 0.73ch;">+</span>
+<br />-8-8-8-8-8-----
+<br /><span style="display: inline-block; max-width: 0.74ch;">+</span>8<span style="display: inline-block; max-width: 0.74ch;">+</span>8<span style="display: inline-block; max-width: 0.74ch;">+</span>8<span style="display: inline-block; max-width: 0.74ch;">+</span>8<span style="display: inline-block; max-width: 0.74ch;">+</span>8<span style="display: inline-block; max-width: 0.74ch;">+</span><span style="display: inline-block; max-width: 0.74ch;">+</span><span style="display: inline-block; max-width: 0.74ch;">+</span><span style="display: inline-block; max-width: 0.74ch;">+</span><span style="display: inline-block; max-width: 0.74ch;">+</span>
+<br />-8-8-8-8-8-----
+<br /><span style="display: inline-block; max-width: 0.75ch;">+</span>8<span style="display: inline-block; max-width: 0.75ch;">+</span>8<span style="display: inline-block; max-width: 0.75ch;">+</span>8<span style="display: inline-block; max-width: 0.75ch;">+</span>8<span style="display: inline-block; max-width: 0.75ch;">+</span>8<span style="display: inline-block; max-width: 0.75ch;">+</span><span style="display: inline-block; max-width: 0.75ch;">+</span><span style="display: inline-block; max-width: 0.75ch;">+</span><span style="display: inline-block; max-width: 0.75ch;">+</span><span style="display: inline-block; max-width: 0.75ch;">+</span>
+<br />-8-8-8-8-8-----
 </div></div>
+{| class="wikitable"
+|+ 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.
+== Chord-consistent EDOs ==
+{| class="wikitable"
+|-
+! chord !! edos
+|-
+| 1:2:4 || {{#invoke:Chord consistency|noinfobox_chord|Harmonics=1:2:4}}
+|-
+| 4:5:6:7 || {{#invoke:Chord consistency|noinfobox_chord|Harmonics=4:5:6:7}}
+|-
+| 4:5:6:7:9:15 || {{#invoke:Chord consistency|noinfobox_chord|Harmonics=4:5:6:7:9:15}}
+|-
+| 11:14:17:20 || {{#invoke:Chord consistency|noinfobox_chord|Harmonics=11:14:17:20}}
+|-
+| 5:8:11:14:17:20 || {{#invoke:Chord consistency|noinfobox_chord|Harmonics=5:8:11:14:17:20}}
+|-
+| 4:7:10:13 || {{#invoke:Chord consistency|noinfobox_chord|Harmonics=4:7:10:13}}
+|-
+| 4:7:10:13:16:19 || {{#invoke:Chord consistency|noinfobox_chord|Harmonics=4:7:10:13:16:19}}
+|}
+<nowiki />* consistency distance 2–3
+<nowiki />** consistency distance 4–7
+<nowiki />*** consistency distance 8–15