Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Webfont on Ubuntu, regular (13px) fontsize rendered too thin so font-color is not clear enough

As you can see on the screenshot, a custom webfont (agrafa thin) is rendered too thin on Ubuntu. Because it's too thin, the font-color (white, fff) looks more like light-blue 1. This counts for both the latest versions of Google Chrome and Firefox. On Windows/OSX, all major browsers, this is not the case 2. The font-size is 13px.

Anything there's to be done about it? Of do I just need to buy another (thicker) version of Agrafa?

Font-thickness as rendered on Ubuntu Font-thickness as rendered on other platforms

like image 694
grrrbytes Avatar asked Dec 06 '25 05:12

grrrbytes


2 Answers

Try to use the font-weight property (http://www.w3schools.com/cssref/pr_font_weight.asp)

EDIT: Sorry, didn't read your comment in time.

You can also try to play with text-shadow to give a little more contrast... Not an ideal solution, but is better than buying another font.

like image 196
Jose Antonio Avatar answered Dec 08 '25 19:12

Jose Antonio


You can try expressing font-size in em.Just go through this post.http://kyleschaeffer.com/best-practices/css-font-size-em-vs-px-vs-pt-vs/

like image 24
Rajat Saxena Avatar answered Dec 08 '25 20:12

Rajat Saxena



Donate For Us

If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!