sindresorhus / project-ideas

Need a JavaScript module or looking for ideas? Welcome ✨
544 stars 9 forks source link

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

Open sindresorhus opened 7 years ago

sindresorhus commented 7 years ago

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 commented 7 years ago

Isn't Stylish enough?

sindresorhus commented 7 years ago

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

fregante commented 6 years ago

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

/* @everywhere */
code, pre {
    font-family: FiraCode;
}
benjamin-rood commented 6 years ago

^ 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 commented 5 years ago

@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 commented 4 years ago

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

ssight commented 4 years ago

@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 commented 4 years ago

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