I've just seen the implementation of the redesign on localize.drupal.org. It's clean and nice, but the font size is too small. I looked it on 1280*1024 LCD, Firefox, Win - evereything with default, normal settings.

Droplet also mentioned this problem and Gábor Hojtsy agreed. (See: http://localize.drupal.org/node/1778#comment-8813 and http://localize.drupal.org/node/1778#comment-8818.) But I was not able to find an issue about it, so I wrote it.

What do you think?

CommentFileSizeAuthor
#7 compare.png142.11 KBdroplet

Comments

Anonymous’s picture

I have my screen set @1024x768 and it's a bit too small in a 19 inches screen. However, the trouble is not that but that the tables at the localization server (for example) do not word-wrap. So they get half cut if I resize the font-size.

So, is the design liquid-enough? (at least in tables: <table class="l10n-table sticky-enabled"> )

I would like/need to resize my fonts without the page getting unusable...

Gustavo, from Madrid

gábor hojtsy’s picture

@thamas: Agreed. I'm using my browser zoom feature to make it more useful.

@gusgsm1: I'd suggest using an actual page zoom-capable browser for now (IE7+, Firefox, Chrome, Safari, etc). Ie. don't just zoom the text, also zoom in the page in itself. Since in a 10x768 with a 19inch screen, the current design will not fill in the whole width of the page, that should be a better option.

droplet’s picture

Anonymous’s picture

Hi, Gabor

I am using Chrome and Firefox and I am zooming the page (Windows mouse wheel ), everything goes bigger and smaller, as Alice would say. Not sure if I do follow you.

Besides, Drupal current design does get reflowed. Drupal localization server (the redesigned option), does not.

G.

laura s’s picture

I agree that the content area font could be bumped up a point. This is especially true for pages with no sidebar, because right now pages like http://localize.drupal.org/news and http://localize.drupal.org/faq have lines that are way longer than the 8-12 word ideal for legibility.

Requiring a Firefox plugin kludge does not seem to be an answer.

gábor hojtsy’s picture

@gusgsm1: the reason for it not reflowing is that the new design is fixed width, while the old drupal.org was fluid; this is how the current theme was designed for various reasons.

@lauras: ha! I did not suggest requiring a firefox plugin I was trying to point to an immediate solution while the themers work out how to solve this best; the style guide sets the current font size as 12px: https://infrastructure.drupal.org/drupal.org-style-guide/typography.html; so while I could change this in a minute on the l.d.o server, this really needs a system-wide agreement that we are fine bumping the size on all subsites

I hope that others will see this similarly to like how we do, that its too small for a "working environment" like l.d.o or the drupal.org project maintenance screens, so its better bumped up. I tried to make the project managers around drupal.org's redesign aware of this issue personally.

droplet’s picture

StatusFileSize
new142.11 KB

the demo font color is #222222
https://infrastructure.drupal.org/drupal.org-style-guide/prototype/homep...

live test is #333333 (lighter)
guideline: color: #333333

We look at DEMO and think about the design, while it do not match the guideline. will get different results.
lighter & darker font color affect our feeling.
also Mac OS & Windows are different.

checkout attachment. (sorry. I capture it from web, not so clear)

gpk’s picture

Agree that the font size is too small. To make it readable I have to CTRL + a few times and then, because it's a fixed width design, I get horizontal scollbars and lines of text a mile (kilometer?) long..

xmacinfo’s picture

Is the theme available somewhere which would let us submit patch? The more we will use the new design, the more we will need to make adjustments.

Font size is not really an issue, but please don't make it too small. ;-)

The big issue is that the theme is not liquid making a lot of content overlap.

See this issue:
#844532: Code cutoff by sidebar

andypost’s picture

+1 to change font face and size

code should be more readable!!!

marcvangend’s picture

I totally agree. On http://api.scratch.drupal.org/, the normal font is smallish, but code is a disaster with a size of only 8.18333px (says Firebug).

webchick’s picture

The code font size on http://api.scratch.drupal.org/ makes my eyes burn. I wonder if we should pull that into a separate issue though, since it's not really related to overall theme's font size (unless it is... but I don't recall seeing any mocks with code on them).

webchick’s picture

Oh. I see someone already did. :) #844642: New theme makes doc unreadable

gábor hojtsy’s picture

Priority: Normal » Major

Carrying over major level from #844642: New theme makes doc unreadable although this might even be critical (AKA release blocker).

michelle’s picture

The font was bumped up slightly in #509050: Reconsider base font size (PLEASE!) though I think it's still a bit too small.

Another issue is the font family. That was addressed in #912936: Change font family but that was marked dupe of the font size one and the font family was never addressed.

This issue is about size, which is a dupe of #509050: Reconsider base font size (PLEASE!) but is the only still active issue I found.

Can we talk about the font family here? Or should this be marked dupe and #912936: Change font family re-opened?

Michelle

gábor hojtsy’s picture

Status: Active » Closed (duplicate)

I think this is a duplicate of #509050: Reconsider base font size (PLEASE!), and only covers the size. Feel free to reopen #912936: Change font family, which looks to be also about the font.