DefinitelyTyped/definitelytyped.github.io

Font is hard to read

Closed this issue · 7 comments

I must be getting old - and maybe this is something that will be considered when the style of the site is thought through - but as it is now it

snapshot:

snapshot

Notice how the letters are on-top of each other and faded?

What OS and browser?

And could you figure-out what font this really uses (via dev tools)? Does it use the Segoe font?

Related to #4

Chrome on a Mac.

Looks like in styles.css is the following font list

SegoeUILight,'Segoe UI Light',SegoeUI,'Segoe UI','Helvetica Neue','Helvetica','Arial',sans-serif

if I remove the SegoeUILight it gets better and even better when I remove both SegoeUILight,'Segoe UI Light',

Possibly something in here https://github.com/DefinitelyTyped/definitelytyped.github.io/blob/source/src/documents/styles/style.css.less#L11

The 'Light' weight is really not suited for body text, just for the modern
super light headings.
This looks terrible on Chrome for Windows also (in fact worse).

We just need to remove the Light and use the normal fonts.

On Tue, May 13, 2014 at 11:57 PM, Jason Jarrett notifications@github.comwrote:

Chrome on a Mac.

Looks like in styles.css is the following font list

SegoeUILight,'Segoe UI Light',SegoeUI,'Segoe UI','Helvetica Neue','Helvetica','Arial',sans-serif

if I remove the SegoeUILight it gets better and even better when I remove
both SegoeUILight,'Segoe UI Light',

Possibly something in here
https://github.com/DefinitelyTyped/definitelytyped.github.io/blob/source/src/documents/styles/style.css.less#L11


Reply to this email directly or view it on GitHubhttps://github.com//issues/18#issuecomment-43011778
.

'works at my end' :)

I changed from light it to regular Segoe just now.

Note the project has livereload in the 'grunt watch' task.

If you have a moment to tweak some stuff.. CSS is not really my thing.

I use this http://semantic-ui.com/ and some hacky customisations in ./src/documents/styles/

Let's get rid of SegoeUI,'Segoe UI', - I just looked at this on windows and it's still blurry - but using Helvetica works ok.

Nah, Segoe is part of current look, to make it look TypeScript-y

It works on http://www.typescriptlang.org/ so I think it should be fixable. If you can CSS then have a go at it in your clone.

Thanks, it is better now. I'll just work on not being old 👴