Browser extension to choose font and font size of code blocks on websites

[sindresorhus]

Would be useful with a Chrome extension where you can choose your favorite font and size and have it apply to code blocks on any website. Would make reading code on the web much more enjoyable as you can read it just like you would in your editor.

[FezVrasta]

Isn't Stylish enough?

[sindresorhus]

You could achieve the same, sure, but it's not very user-friendly.

[fregante]

I agree with @FezVrasta; too much overhead for what essentially should be:

/* @everywhere */
code, pre {
	font-family: FiraCode;
}

[benjamin-rood]

^ Just an fyi on the above styling:
The font naming of the default Fira Code font family specification in CSS styling will be Fira Code (at least on macOS, but IIRC it's true regardless), whereas any variant e.g. Light will be FiraCode-Light. This is the same for all browser-like apps such as Visual Studio Code.

[ssight]

@sindresorhus @fregante I've created an extension for Chrome called CodeText and I think it does the job fairly well. You'll just have to download it from the releases section.

If anybody wants to upload it to the Chrome Web Store, feel free.

[vaibhavhrt]

@ssight sorry can't seem to find it anymore.

[ssight]

@vaibhavhrt Hm, it seems that it wasn't on GitHub anymore. Nevermind, I've git pushed it again and back it's on now.

[vaibhavhrt]

cool I will install it & check it out.
Also I have chrome extension dev account so I can publish it on chrome store