Custom fonts

[GoogleCodeExporter]

My only gripe with gmail is the default font is Arial (at least on Windows) and 
there is no ways to change that.

Maybe there is already a minimalist way of doing this but it would be really 
neat if you could change the font to something a but less ugg.

Original issue reported on code.google.com by pieterve...@geotab.com on 27 Jun 2012 at 2:53

[GoogleCodeExporter]

Oh and to be clear, I don't mean when sending emails - but rather - all the UI 
components of the gmail app, like the menu on the left, the main listview etc.

Original comment by pieterve...@geotab.com on 27 Jun 2012 at 2:54

[GoogleCodeExporter]

Original comment by anst...@gmail.com on 23 Jan 2013 at 1:46

• Changed title: Custom fonts
• Changed state: Planned

[GoogleCodeExporter]

Issue 249 has been merged into this issue.

Original comment by anst...@gmail.com on 23 Jan 2013 at 5:42

[GoogleCodeExporter]

This is actually really easy ... 

1. Click 'Edit' under Gmail
2. Click 'Add Option'
3. Under CSS, enter this:

   html body div div {font-family: georgia;}

Replace 'georgia' with 'courier' or 'lucida grande' or whatever

Original comment by zgilad on 12 Feb 2013 at 9:30

[GoogleCodeExporter]

Yes, this is easy for those that know CSS.

What I would like to do with this is create an interface to select and 
automatically import fonts from Google Web Fonts.

P.S.: Your CSS should be `* { font-family: Georgia !important; }`. Yours will 
only affect nested divs on the page that do not have hierarchically superior 
selectors already declared. For example, this doesn't work on Chat contact 
names because of the following declaration: `body, td, input, textarea, select 
{ font-family: arial,sans-serif; }` and it won't work on the search box because 
of this one: `.gbqfif, .gbqfsf { font: 16px arial,sans-serif; }`

Original comment by anst...@gmail.com on 12 Feb 2013 at 9:45

[GoogleCodeExporter]

Hmm ... problem with using * selector ... even the bodies of emails (the 
content) gets overrided with the font.

Any way to change only the UI elements??

Original comment by zgilad on 14 Feb 2013 at 1:19

[GoogleCodeExporter]

This is working well:
html body div, body, tr td, .py .pw
{ font-family: 'droid sans';}   

It leaves the email bodies intact, handles the sidebar stuff ... search box is 
still Arial, but I don't care.

Main issue for me is the font-select dropdown when composing rich text.

Hmmm...

Can't wait for your version with WebFont import!

Original comment by zgilad on 14 Feb 2013 at 1:39

[GoogleCodeExporter]

This will make any plain text emails display in monospace font, e.g., Courier:

textarea.Ak,.ii.gt.adP.adO div {
  font-family: Courier;
  font-size: 12pt;
}

Original comment by zgilad on 14 Feb 2013 at 1:59