83:
121:
244:
To my eye, the TeX code is much more readable, but (in my setup) renders more poorly simply due to being too large (forced PNG is acceptably sized, but suboptimal and a hack). This is more visible inline, with capitals: the expression
127:
Mathematical writing fundamentally involves formulas, whose typography is often quite complicated and difficult. This page hopes to serve as a central location for discussion of issues of mathematical typography on
Knowledge.
149:
If texhtml is too big for some, it makes inline TeX unusable β the output is ugly and likely to be painstakingly corrected by other editors to better-rendering but hard-to-edit HTML, which is suboptimal for all.
716:
Note that the vertically balanced formulas (sub and superscripts) have roughly correct baseline, though those with just sub- or super- scripts are significantly off. This is apparently very difficult to fix.
411:
469:
45:
1141:
I believe that universal use of mathJax is the way to go - but it means amending the LaTeX on many pages because of inconsistency between mathJax and MediaWiki interpreters.
670:
989:
66:
702:
93:
600:
542:
143:
The sizing of texhtml (TeX code, rendered as HTML) and PNGs are often grossly inconsistent with the size of HTML text, and this varies between browser configurations.
627:
569:
297:
230:
756:
269:
201:
1185:
932:
Safest way to test default rendering is to view a page while not logged in, on a fresh install or public computer, rather than on your own account & browser.
59:
52:
38:
984:
92:. Please help update this Knowledge page to reflect recent events or newly available information. Relevant discussion may be found on
1091:
1002:
489:
Allowing a shorter way of doing this would be much better. Concretely, this could be done by adding another tag, as in <mathtx: -->
31:
17:
358:
838:
serif vs. sans-serif β PNG rendering defaults to serif fonts, but the default skin uses sans-serif fonts, which creates a clash
795:
Easy writing: easy to write and edit for people from varied backgrounds β notably via TeX, HTML, and graphical equation editors
323:
is used in some places as a hack to produce smaller PNG output, due to PNG output being too large. This has several problems:
806:
Ideally, typography will "just work", but accommodations should be made if something is difficult to implement in software.
510:
The baseline on inline PNG images is often too low or too high, resulting in the PNG not flowing with the text. Consider:
802:
Mathematical typesetting software can be difficult to write and maintain, and thus one also has the considerations of
764:
This can be fixed either by including the punctuation within math mode (which may result in ugly rendering, or using
423:
979:
1008:
1073:
1135:
1087:
1138:
1130:
1096:
1077:
1126:
994:
952:
1161:
1069:
103:
641:
120:
1112:
1082:
675:
1168:
1055:
792:
Good typesetting: displayed legibly, correctly, and attractively both on-screen and in print
576:
518:
146:
As a preliminary measure, a calibration Help page should be created (Iβll do this β Nils).
1122:
1014:
897:
767:
605:
547:
274:
207:
735:
248:
180:
945:
1179:
1129:) I'm playing with mathJax at the moment. I agree it could be the way of the future.
882:
1103:
1051:
490:
to default to text style, or more elegantly by using the existing convention of
310:
For others the texhtml renders correctly, but the PNG is displayed too large.
500:
to denote displaystyle, and otherwise having math mode default to textstyle.
841:
users can change fonts and font sizes β how does rendering (esp. PNG) react?
958:
1156:
908:
There are also various
Knowledge templates used in some HTML rendering.
798:
Able to be transformed into other forms (e.g., read by screen-readers).
337:
It should not be necessary, and PNG rendering should be fixed instead.
1011:β comparison of three conventional encodings of a formula in Knowledge
970:
However, these likely would require significant development work.
119:
153:
If PNG is too big for some, it is often then hacked around using
818:
consistent display in both TeX-to-PNG and TeX-to-HTML rendering
482:
for inline equations, which is verbose and rarely done, as in:
925:
wiki configuration β βMy preferences β Appearance β Skin/Mathβ
77:
832:
inline formula alignment (PNGs may in particular be too low)
406:{\displaystyle \textstyle {\sum _{k=1}^{n}{\frac {1}{2}}k},}
821:
consistent display in both TeX authoring and HTML authoring
824:
formula size β legible size, consistent with normal text
772:, which is verbose. Ideally this would not be necessary.
928:
browser configuration (font size and font face, notably)
1030:
111:
854:
Different web browsers and different operating systems
362:
161:
for those whose PNG rendering is properly calibrated.
850:
There are various limits on math typesetting due to:
738:
678:
644:
608:
579:
550:
521:
426:
361:
277:
251:
210:
183:
948:, to make it easier for novices to write equations.
903:
is put in a texhtml CSS style when rendered as HTML
990:Typographical conventions in mathematical formulae
750:
696:
664:
621:
594:
563:
536:
463:
405:
291:
263:
224:
195:
728:Linebreaks may be inserted between </math: -->
157:which both messes with spacing, and renders too
1066:(notably, easy to write in either TeX or HTML)
464:{\displaystyle \sum _{k=1}^{n}{\frac {1}{2}}k}
474:However, by default all equations are set in
8:
333:it breaks spacing, notably super/sub-scripts
413:while displayed equations should be set in
1026:To join and signal your interest, please:
940:Long-term desirable enhancements include:
1042:and include particular interests, if any.
964:A graphical editor (for simple equations)
888:renders the HTML in the texhtml CSS style
737:
688:
683:
677:
654:
649:
643:
613:
607:
584:
578:
555:
549:
526:
520:
486:\textstyle{\sum_{k=1}^n k},</math: -->
448:
442:
431:
425:
385:
379:
368:
363:
360:
276:
250:
209:
182:
1101:
327:the output is too small on some displays
660:
590:
532:
287:
220:
1186:WikiProject Mathematics project pages
985:Knowledge:Manual of Style/Mathematics
7:
1058:) β interested in making it easy to
814:Some general issues to be aware of:
25:
872:Math typesetting works as follows:
729:and trailing punctuation, such as:
1003:Knowledge:Catalogue of CSS classes
1001:CSS style for all skins (see also
893:TeX rendering (using <math: -->
876:Pure HTML rendering works as HTML
351:Inline equations should be set in
24:
835:line spacing with inline formulas
18:Knowledge:WikiProject Mathematics
827:both for texhtml and PNG display
721:Linebreak between </math: -->
171:''x'' + ''y''
88:This Knowledge page needs to be
81:
864:Please list here as relevant.
857:Different fonts in the browser
478:and one must manually specify
1:
1139:05:56, 22 August 2011 (UTC)
1131:18:03, 21 August 2011 (UTC)
1062:formula that are displayed
1035:list yourself below, using
788:and accordingly should be:
780:Math formulas should serve
665:{\displaystyle a_{i}^{n}\,}
317:should never be necessary.
1202:
1119:CSS styling and typography
1097:19:42, 15 April 2010 (UTC)
1078:17:05, 15 April 2010 (UTC)
271:is too large, compared to
101:
980:Help:Displaying a formula
697:{\displaystyle a_{i}^{n}}
313:Continuing on this line,
1009:Knowledge:Rendering math
722:and trailing punctuation
1151:Other rendering engines
595:{\displaystyle a_{i}\,}
537:{\displaystyle 2^{3}\,}
1017:(discontinued in 2012)
915:Rendering depends on:
752:
714:
698:
666:
623:
596:
565:
538:
504:PNG baseline alignment
465:
447:
407:
384:
293:
265:
226:
197:
124:
955:, ideally including:
846:Technical limitations
753:
699:
667:
624:
622:{\displaystyle a_{i}}
597:
566:
564:{\displaystyle 2^{3}}
539:
512:
466:
427:
408:
364:
294:
292:{\displaystyle X+Y\,}
266:
227:
225:{\displaystyle x+y\,}
198:
123:
1169:mw:Extension:Blahtex
995:MediaWiki:Common.css
953:commutative diagrams
912:β¦and MathML output.
860:limitations of texvc
736:
676:
642:
606:
577:
548:
519:
424:
359:
275:
249:
208:
181:
951:Easier creation of
751:{\displaystyle x+y}
693:
659:
264:{\displaystyle X+Y}
196:{\displaystyle x+y}
170:x+y\,</math: -->
137:Inconsistent sizing
1162:User:Nageh/mathJax
1039:to sign your name,
748:
694:
679:
662:
661:
645:
619:
592:
591:
561:
534:
533:
461:
403:
402:
289:
288:
261:
222:
221:
193:
174:which display as:
125:
1095:
900:for PNG rendering
571:dolor 2 sit amet,
496:...</math: -->
456:
393:
168:x+y</math: -->
100:
99:
74:
73:
1193:
1118:
1115:
1109:
1085:
1050:Nils von Barth (
1038:
922:operating system
887:
881:
771:
757:
755:
754:
749:
703:
701:
700:
695:
692:
687:
671:
669:
668:
663:
658:
653:
628:
626:
625:
620:
618:
617:
601:
599:
598:
593:
589:
588:
570:
568:
567:
562:
560:
559:
543:
541:
540:
535:
531:
530:
497:
470:
468:
467:
462:
457:
449:
446:
441:
412:
410:
409:
404:
398:
394:
386:
383:
378:
298:
296:
295:
290:
270:
268:
267:
262:
231:
229:
228:
223:
202:
200:
199:
194:
156:
114:
85:
84:
78:
26:
1201:
1200:
1196:
1195:
1194:
1192:
1191:
1190:
1176:
1175:
1174:
1173:
1153:
1148:
1113:
1104:
1036:
1031:watch this page
1024:
1015:Knowledge:texvc
976:
938:
885:
879:
870:
848:
812:
778:
765:
734:
733:
713:
709:
674:
673:
640:
639:
634:
609:
604:
603:
580:
575:
574:
551:
546:
545:
522:
517:
516:
498:
494:
487:
422:
421:
357:
356:
273:
272:
247:
246:
206:
205:
179:
178:
172:
154:
134:
118:
117:
110:
106:
82:
22:
21:
20:
12:
11:
5:
1199:
1197:
1189:
1188:
1178:
1177:
1172:
1171:
1166:
1165:
1164:
1152:
1149:
1147:
1144:
1143:
1142:
1133:
1120:
1099:
1080:
1067:
1046:Participants:
1044:
1043:
1040:
1033:
1023:
1020:
1019:
1018:
1012:
1006:
1000:
992:
987:
982:
975:
972:
968:
967:
966:
965:
962:
949:
946:formula editor
937:
934:
930:
929:
926:
923:
920:
910:
909:
906:
905:
904:
901:
891:
890:
889:
869:
868:Infrastructure
866:
862:
861:
858:
855:
847:
844:
843:
842:
839:
836:
833:
830:
829:
828:
822:
819:
811:
810:General issues
808:
800:
799:
796:
793:
777:
774:
762:
761:
758:
747:
744:
741:
726:
725:
723:
707:
691:
686:
682:
657:
652:
648:
637:
632:
616:
612:
587:
583:
572:
558:
554:
529:
525:
513:
508:
507:
505:
492:
484:
481:
477:
472:
471:
460:
455:
452:
445:
440:
437:
434:
430:
416:
401:
397:
392:
389:
382:
377:
374:
371:
367:
354:
349:
348:
346:
345:
335:
334:
331:
328:
322:
316:
286:
283:
280:
260:
257:
254:
242:
241:
232:
219:
216:
213:
203:
192:
189:
186:
166:
141:
140:
138:
133:
132:Current Issues
130:
116:
115:
107:
102:
98:
97:
86:
76:
75:
72:
71:
69:
64:
62:
57:
55:
50:
48:
43:
41:
36:
34:
29:
23:
15:
14:
13:
10:
9:
6:
4:
3:
2:
1198:
1187:
1184:
1183:
1181:
1170:
1167:
1163:
1160:
1159:
1158:
1155:
1154:
1150:
1145:
1140:
1137:
1136:Matt Westwood
1134:
1132:
1128:
1124:
1121:
1116:
1110:
1107:
1100:
1098:
1093:
1089:
1084:
1081:
1079:
1075:
1071:
1070:Michael Hardy
1068:
1065:
1061:
1057:
1053:
1049:
1048:
1047:
1041:
1034:
1032:
1029:
1028:
1027:
1021:
1016:
1013:
1010:
1007:
1004:
998:
996:
993:
991:
988:
986:
983:
981:
978:
977:
973:
971:
963:
960:
957:
956:
954:
950:
947:
943:
942:
941:
935:
933:
927:
924:
921:
918:
917:
916:
913:
907:
902:
899:
896:
895:
892:
884:
878:
877:
875:
874:
873:
867:
865:
859:
856:
853:
852:
851:
845:
840:
837:
834:
831:
826:
825:
823:
820:
817:
816:
815:
809:
807:
805:
797:
794:
791:
790:
789:
787:
783:
775:
773:
769:
759:
745:
742:
739:
732:
731:
730:
724:
720:
719:
718:
712:
710:
689:
684:
680:
655:
650:
646:
635:
614:
610:
585:
581:
556:
552:
527:
523:
511:
506:
503:
502:
501:
495:<math: -->
491:
485:<math: -->
483:
479:
476:\displaystyle
475:
458:
453:
450:
443:
438:
435:
432:
428:
420:
419:
418:
415:\displaystyle
414:
399:
395:
390:
387:
380:
375:
372:
369:
365:
352:
347:
344:\displaystyle
343:
341:<math: -->
340:
339:
338:
332:
330:it is verbose
329:
326:
325:
324:
320:
318:
314:
311:
308:
306:
302:
284:
281:
278:
258:
255:
252:
240:
236:
233:
217:
214:
211:
204:
190:
187:
184:
177:
176:
175:
169:<math: -->
167:<math: -->
165:
162:
160:
151:
147:
144:
139:
136:
135:
131:
129:
122:
113:
112:WP:WPMATHTYPE
109:
108:
105:
95:
94:the talk page
91:
87:
80:
79:
70:
68:
65:
63:
61:
58:
56:
54:
51:
49:
47:
44:
42:
40:
37:
35:
33:
30:
28:
27:
19:
1123:Richard Gill
1105:
1083:CRGreathouse
1063:
1059:
1045:
1025:
1022:Participants
969:
939:
936:Enhancements
931:
914:
911:
894:mode) uses:
871:
863:
849:
813:
803:
801:
785:
781:
779:
763:
727:
715:
705:
630:
602:adipisicing
573:consectetur
514:
509:
499:
488:
473:
350:
342:defaults to
336:
321:\scriptstyle
319:
315:\scriptstyle
312:
309:
304:
300:
243:
238:
234:
173:
163:
158:
155:\scriptstyle
152:
148:
145:
142:
126:
89:
60:Participants
804:developers.
711:incididunt
1064:acceptably
997:β defines
480:\textstyle
353:\textstyle
53:Assessment
39:Discussion
974:Resources
164:Compare:
67:Resources
32:Main page
1180:Category
1146:See also
999:.texhtml
786:editors,
672:eiusmod
104:Shortcut
1157:MathJax
961:support
919:browser
782:readers
704:tempor
417:as in:
90:updated
46:Content
1108:dokter
1052:nbarth
959:Xy-pic
768:nowrap
629:elit,
544:ipsum
515:Lorem
355:as in
1060:write
898:texvc
776:Goals
159:small
16:<
1127:talk
1117:) β
1114:talk
1074:talk
1056:talk
883:math
784:and
299:and
1054:) (
1037:~~~
638:do
636:sed
1182::
1102:β
1090:|
1076:)
944:A
886:}}
880:{{
770:}}
766:{{
429:β
366:β
307:.
303:+
237:+
1125:(
1111:(
1106:E
1094:)
1092:c
1088:t
1086:(
1072:(
1005:)
760:.
746:y
743:+
740:x
708:i
706:a
690:n
685:i
681:a
656:n
651:i
647:a
633:i
631:a
615:i
611:a
586:i
582:a
557:3
553:2
528:3
524:2
493::
459:k
454:2
451:1
444:n
439:1
436:=
433:k
400:,
396:k
391:2
388:1
381:n
376:1
373:=
370:k
305:Y
301:X
285:Y
282:+
279:X
259:Y
256:+
253:X
239:y
235:x
218:y
215:+
212:x
191:y
188:+
185:x
96:.
Text is available under the Creative Commons Attribution-ShareAlike License. Additional terms may apply.