Giter VIP home page Giter VIP logo

gmailfontchanger's Introduction

gmail font changer extension for Chrome/Chromium

I guess if you've found this then you're also frustrated with the inability to change/increase gmail's font (other than making the whole page bigger).

The problem is that gmail is built on the fly, with various scripts running and re-running, so you end up with this being re-injected:

font: small/1.5 Arial,Helvetica,sans-serif;

without any way to change it.

I looked into it, and initially I tried the (deprecated) domsubtree event and then mutation observers, but the response times were huge. I guess that the gmail scripts do an awful lot of dom modifying/checking on refresh.

Anyhoo, I decided an old-fashioned setInterval() was all that was needed. I set it to run every second and I don't sense any performance penalty. The down side is that it does mean you can get a slight jump as the gmail scripts run and then this runs just after, but at least I can now read my email.

how does it work

It iterates through all elements-within-elements and changes the fontsize in the style attribute to 'medium'

el.style.fontSize = "medium";

Options are xx-small, x-small, small, medium, large, x-large, xx-large, smaller, larger, %, initial and inherit.

More info on setting this here.

requirements

I've written this for Chrome/Chromium, but I've tested it on a beta of the new Microsoft Edge built on Chromium and it works a treat.

installation

The only files you need are manifest.json and main.js in a folder of your choice, but no harm is done by leaving this README.md in there as well.

Go to:

chrome://extensions/

Check or slide to 'on' the developer mode (top right, or bottom-left if you're using the new Edge-on-Chromium);

Download this code in its folder (check you don't end up with a folder-within-a-folder if downloading the zip file).

Drag the folder onto the extensions page in Chrome.

Done. Now use gmail with your font...

ideas

I've added some ideas in main.js - feel free to experiment.

Use as you like, ask questions if stuck, and stars are nice (top right)...

gmailfontchanger's People

Contributors

petercz1 avatar

Stargazers

reese sapphire avatar Noam Silvy avatar

Watchers

James Cloos avatar  avatar

gmailfontchanger's Issues

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.