highlightjs-line-numbers changes code font

[wermos]

Describe the bug
The highlightjs-line-numbers plugin changed the code font on my Jekyll blog (repo link) when I added it as a plugin, following the instructions given in the usage portion of the README.

Expected behavior
The code font should not change.

Screenshots
This is what code snippets currently look like:

This is what they're supposed to look like, but with line numbers:

Desktop:

• OS: Windows
• Browser: Edge
• Version: 105.0.1343.33

However, I don't think this is a browser-specific issue.

Additional context
In the main branch, one can see the code I added to _include/scripts.html to get highlight.js working.

In the custom-liquid-tag branch, the only lines I changed were these, in accordance with the README, but the code font inexplicably changed.

[wcoder]

Thanks for the report!

I investigated the issue. See the result:

Line-number plugin uses table under the hood.

Table styles on your site (main.css) override and break font, try to rework:

[wermos]

Wow, thank you so much! I had been trying to solve this issue for the past 3 days, and now I finally know what was happening. I'll close this issue, because this is not an actual bug with the plugin.