Better font for formulas

lakesare / memcode

Spaced-repetition: with real formatting.

http://memcode.com

MIT License

335 stars 72 forks source link

Better font for formulas #58

Open lakesare opened 4 years ago

lakesare commented 4 years ago

https://www.memcode.com/courses/1410

Formulas look ugly right now. Is it possible to use a better font for formulas in Quill's Katex extension?

Pavithran12 commented 4 years ago

Hello, I had a look into this particular page and more than fonts, I have a thing to add up which I feel may causing certain issues in the quality of it. If you see the images the formula size variance in the font is mostly because of the type of equation we use. In formula 35 the division is represented in 8/8 ( actually data should be interpreted like 1g/cm3)but when it comes near an equal symbol it changes to another format that is in formula 36. Do you feel changing the font alone will help us improve the way the formula's look?

Pavithran12 commented 4 years ago

I would also like to add that there is a considerable difference between the font size of the formulas from one to another also makes them look clumsy. I think there should be a standardization overall at the class level.

lakesare commented 4 years ago

I agree that part of the awkwardness is the font-size variance (first formula in flashcard 36 shows it well).

It seems to be:

different font-sizes
italic text (instead of normal font-style)
font weight (too heavy)

.katex{ font-style: normal; font-size: 20px; } seems to improve it. Removing font-family: KaTeX_Math; (from .mathdefault selectors e.g.) seems to make it better too.

Before:

After:

lakesare commented 4 years ago

I think we can't easily make the font consistent, because katex sets font-size: 0.7em on purpose. There could be some better plugin/some better font for Quill that cares about consistent font-size more.

lakesare commented 4 years ago

Created the related issue https://github.com/quilljs/quill/issues/3116.