The current font makes text unreadable on a windows machine :(

[GoogleCodeExporter]

What steps will reproduce the problem?
1.Opening mollify in a  browser on a windows machine

What is the expected output? What do you see instead?
Clear and readable font rendering

What version of the product are you using? On what operating system?
Windows 7, 8, 8.1

Please provide any additional information below.
The font rendering of the current typeface makes mollify practically 
unreadable... see screenshot. Understandable on OSX and linux it looks ok!

Original issue reported on code.google.com by arjenkla...@gmail.com on 27 Jan 2014 at 10:05

Attachments:

• [Example Mollify Page - Google Chrome_2014-01-27_23-02-27.png](https://storage.googleapis.com/google-code-attachments/mollify/issue-506/comment-0/Example Mollify Page - Google Chrome_2014-01-27_23-02-27.png)
• [Example Mollify Page - Google Chrome_2014-01-27_23-03-59.png](https://storage.googleapis.com/google-code-attachments/mollify/issue-506/comment-0/Example Mollify Page - Google Chrome_2014-01-27_23-03-59.png)

[GoogleCodeExporter]

I can see the problem, I don't use Windows that much myself so haven't noticed 
this.

This is due to the different font rendering techniques, unfortunately Windows 
does not do very well with this font.

In CSS there is no way to treat OSes differently (and shouldn't), so I guess 
the only way is to choose different font entirely.

Original comment by samuli.j...@gmail.com on 31 Jan 2014 at 7:58

• Changed state: Accepted

[GoogleCodeExporter]

Yeah I know this is a bummer, I would rather work on my linux machine all the 
time :D

I use this chrome extension to preview fonts: 
https://chrome.google.com/webstore/detail/google-font-previewer-for/engndlnldodi
gdjamndkplafgmkkencc

If you want I could do some font mockups for a future update of mollify? I am a 
designer who uses Mollify as a client file portal :D
office.arjenklaverstijn.com/files

Thanks for all the great work so far!

Original comment by arjenkla...@gmail.com on 31 Jan 2014 at 9:14

[GoogleCodeExporter]

Sure, I'll accept any help I can get :)

Original comment by samuli.j...@gmail.com on 5 Feb 2014 at 4:41

[GoogleCodeExporter]

Hi Arjen, can you share with us which file needs to be changed, and what code 
you used to get windows fonts?

Thank you!

Original comment by gian.k...@gmail.com on 10 Mar 2014 at 10:21

[GoogleCodeExporter]

If you want to override the font, you can do something like this (change Arial 
to whatever you want if it's not good):

#mollify, a.button, input, .mollify-popupmenu, .mollify-popup, 
.mollify-itemcontext-popover, li.dropdown-item, .dropdown-submenu {;
    font-family: Arial;
}

In index.html, put this into style block _after_ mollify.css, or into 
custom.css file that is imported after mollify.css.

Original comment by samuli.j...@gmail.com on 10 Mar 2014 at 10:30

[GoogleCodeExporter]

That worked great, thank you!!!

Original comment by gian.k...@gmail.com on 10 Mar 2014 at 10:58

[GoogleCodeExporter]

Original comment by samuli.j...@gmail.com on 20 Jan 2015 at 11:53

• Changed state: Fixed