github-code-font-changer

KO | EN

gitlite — search

#python #java #react #php #blockchain #automation #javascript #ios #dapp #solidity #config #github-config

github-code-font-changer

★ 69 Open GitHub ↗

:art: Change and customize the boring GitHub code viewer font.

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

Developped and maintained with ❤️ by <a href="https://github.com/AmraniCh">AmraniCh</a> and <a href="https://github.com/AmraniCh/github-code-font-changer/graphs/contributors">contributors</a>.

#

Unhappy with the boring GitHub code viewer font? You're looking for a way to change it without affecting other website's fonts? Well, this extension is made for you :raised_hands:.

## 🚀 Features

- Use the fonts installed in your local machine alongside the 14+ fonts provided by the extension.
- Change the font size for the selected font family.
- Change the font weight for the selected font family.
- Customize the code line-height.
- Styles also apply to code snippets in README and markdown files.
- Reset all customizations back to GitHub's defaults with one click.

## 🔥 Available Fonts

-   Anonymous Mono.
-   Atma.
-   Courier Prime.
-   Fira Code.
-   Inconsolata.
-   IBM Plex Mono.
-   JetBrains Mono.
-   Oxygen Mono.
-   PT Mono.
-   Roboto Mono.
-   Share Tech Mono.
-   Source Code Pro.
-   Space Mono.
-   Ubuntu Mono.

If you have some other font that other developers could like, you can send a pull request to add it to this extension (The font must be free for personal use or licensed under a free open source license).

## 🌠 Download

You can download this extension via :

### Via Chrome Store

### Manual Installation Using Developer Mode

You can also manually install it via the developer mode in your browser.

1. Download the last stable version from [releases tab](https://github.com/AmraniCh/github-code-font-changer/releases).
2. Unzip the downloaded zip file.
3. Visit `chrome://extensions`.
4. Enable the developer mode.
5. Click `Load unpacked` button.
6. Select the `src` folder from the unzipped file.
7. Have fun :blush:!

## 🗃️ Assets

Logo assets (PSD files) are available in the assets folder, If you see a need for changing something in the logo or you have a creative idea feel free to download and edit the PSD file.

For the store chrome Promo images they are created with Figma, with this If you want to edit them, you have first to open an issue describing your idea and what you will change, if approved I will invite you the [source Figme file](https://www.figma.com/file/7SHQlL5ehiQhxWpz4DkQpO/github-code-font-changer?type=design&node-id=0-1&mode=design&t=qv0LXPwBsEHsJ55M-0).

## ⭐ Rate The Extension If You Found It Useful

If you find this extension useful for you please give us a review at [Chrome Web Store](https://chrome.google.com/webstore/detail/github-code-font-changer/jmbophfanmlfkloliildahlpnlbojhfi), this will motivate us to improve and maintain this extension in the future, Thank you :)

## 📜 License

GitHub Code Font Changer is an open-source chrome extension lisenced under the [MIT](https://github.com/AmraniCh/github-code-font-changer/blob/master/LICENSE) open source license.

github-code-font-changer

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README