22

I recently answered my first question over on Programmers.SE and noticed that the font for my code snippets was smaller and looked a lot nicer than my snippets on SO. Is it possible to reduce the font size of my code markdown here on SO to match that of Programmers.SE?

I typically program in 6-8pt font so I can get as much code on screen as possible and just really liked the way the markdown looked on PSE as compared to SO.

Just a note, my browser text size is already small so reducing that overall isn't an option.

UPDATE
Also, since I'm not sure it was clear originally, I'm not looking to get this changed for everybody across the entire site as I know changing all the markdown on the site to match my preferences would be a bit drastic. I'm looking for a way I can change this through some sort of preferences I might not know about or some other method so that it appears different for me.

Here's an example of the difference I'm seeing taken straight from two answers I've given. Example of the difference.

7
  • 1
    Just for the record, as far as I can tell, I see the same font and size on both sites. Mar 6, 2013 at 18:42
  • 1
    It appears to only be a 2pt difference between the two but, just looking at the both of them side by side, it looks like a big difference. Mar 6, 2013 at 18:50
  • 1
    I see no such difference even having them directly next to each other. Browser thing? Mar 6, 2013 at 18:59
  • I thought that first but I don't alter my browser in any way whatsoever. I run the latest stable release of Chrome for Linux. Mar 6, 2013 at 18:59
  • Just took a look in Konqueror, indeed there the fontsize on Software Engineering is smaller. I'm not sure it's a different font, but tend to believe so. It's identical in SeaMonkey. Mar 6, 2013 at 19:06
  • @DanielFischer: Stack Overflow: font-family: Arial,Liberation Sans,DejaVu Sans,sans-serif; font-size: 80%; - Programmers: font-family: Tahoma,Geneva,Arial,sans-serif; font-size: 12px; - So depending on which fonts you have installed, you'd get slightly different views.
    – animuson StaffMod
    Mar 6, 2013 at 19:18
  • I agree with this post: the first code block is a lot easier to grasp at a glance. But to each their own. Sep 18, 2018 at 4:26

2 Answers 2

24

No, there is no way to explicitly change the font-size at all within a post (some people do use headers and the <sub> element to achieve the effect though).

The font-size is specific to each site. Each site expects that the font will always be the same size, so changing the font-size on Stack Overflow to match Programmers would throw a lot of people off here because they don't expect it.

Formatting a post is meant to make it easier for everyone to read, not for you to make it match other sites - that's what user styles are for.

4
  • I understand changing how the markdown looks for everybody or even changing how my posts appear from other people's posts would be ridiculous. I was looking for a way to make the markdown look smaller to me through some sort of preferences or other such method. I have updated my question to reflect this. Mar 6, 2013 at 18:59
  • @MCeley: Stack Exchange does not keep any preferences of the such. You're better off installing a plugin, such as Stylish, and writing your own CSS styles to manually override the ones on the site.
    – animuson StaffMod
    Mar 6, 2013 at 19:05
  • @OP If you are using Chrome, download a CSS injector extension and use that. There is one called Stylize (something like that) that I use, but I'm not at my computer right now.
    – Cole Tobin
    Mar 6, 2013 at 19:11
  • I wouldn't touch those extensions with a ten foot pole. They make every page on the web take slightly longer to load. You can see it in the debugger's rendering timeline. Jul 8, 2013 at 0:45
7

I know a guy who knows a guy who knows a plugin for Chrome, Firefox and Opera. It's called Stylus.

You can set custom website styles and have them be permanently applied. (By Permanent I mean, until you uninstall the plugin). But you can add this plugin and simply add * { font-size: 9pt; } and make it target stack overflow.

How to reduce the font-size for StackOverflow.com

It's really easy and takes barely 3 minutes.

PS: I may or may not be half a decade late.

1
  • 5
    Half a decade late, but still appreciated. Nov 21, 2018 at 2:12

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .