HermanMartinus / bearblog

Free, no-nonsense, super fast blogging.
MIT License
2.36k stars 73 forks source link

Footnotes Formatting Breaks for Third and Fifth Footnote #251

Closed orangejuicetin closed 8 months ago

orangejuicetin commented 8 months ago

Strangely enough, the formatting for the footnotes throughout the blog is wonderful and fine for all the numbers except #3 and #5:

image

     

image

     

image

As compared to:

image image

Very quirky behavior, might spend some time looking through the codebase to see if it has anything to do with these specific two – #1, #7, and #9 are fine, so that disproves that it's just the odd numbered footnotes that have this issue.

HermanMartinus commented 8 months ago

This was a strange issue to figure out, but I did!

So, the issue is actually the font, which doesn't seem to be optimised for superscript underlining ¯_(ツ)_/¯. What happens is that certain characters are too tall, which pushes the underline below the render block, essentially removing it.

To resolve this (if you want to, it's super minor) you can either change the font.

Alternatively, you can remove the underline on footnote-ref anchors, and replace them with a bottom border. You can do this by pasting the following at the bottom of your CSS in Styling.

.footnote-ref a {
    text-decoration: none;
    border-bottom: 2px solid;
}