Export to GitHub

mollify - issue #506

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


Posted on Jan 27, 2014 by Happy Ox

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!

Attachments

Comment #1

Posted on Jan 31, 2014 by Swift Dog

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.

Comment #2

Posted on Jan 31, 2014 by Happy Ox

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/engndlnldodigdjamndkplafgmkkencc

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!

Comment #3

Posted on Feb 5, 2014 by Swift Dog

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

Comment #4

Posted on Mar 10, 2014 by Happy Lion

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

Thank you!

Comment #5

Posted on Mar 10, 2014 by Swift Dog

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.

Comment #6

Posted on Mar 10, 2014 by Happy Lion

That worked great, thank you!!!

Comment #7

Posted on Jan 20, 2015 by Swift Dog

(No comment was entered for this change.)

Status: Fixed

Labels:
Type-Defect Priority-Medium