h3 should not be more prominent than h2 headings
Open, NormalPublic

Description

H3 headings appear to be the same size as H2 headings, and H3 headings are also bolded. As such, H3 appear more prominent than H2 headings.

This is especially noticeable in Hebrew fonts in Chrome. [why?]


URL: https://commons.wikimedia.org/wiki/File:H3_more_has_more_presence_then_h2.png

Task Graph

Details

Reference
bz63844
bzimport set Reference to bz63844.
bzimport added a subscriber: Unknown Object (MLST).
bzimport created this task.Apr 12 2014, 1:23 AM

dalilae wrote:

we probably have a problem with the text size in general - it seems it doesn't suit the definition. but i donot know how to show that. i believe in the screenshot i caught the css window so maybe it'll help u estimate that. tnx again.

dalilae wrote:

i think my first comment vanished: in the new typography h3 is more noticeable then h2. screenshot: File:H3 more has more presence then h2.png

dalilae wrote:

for the text size in general i'm adding these links (screenshots): File:Zoom1-new-vers.png, File:Zoom2-new-vers.png, File:Zoom1-pics text size and side bar text size - new-vers.png, File:Zoom2-pics text size and side bar text size - new-vers.png

If it has to do with typography refresh, component shouldn't be OOjs... unless I'm missing something

Thanks for taking the time to report this!
Which browser and URL and operating system is this about?
Needs clearer steps to reproduce...

dalilae wrote:

its not a private matter - its a collective complain, and not local, for all he.wiki. for URL just select a random article - i attached screenshots of this one: [https://he.wikipedia.org/wiki/%D7%9E%D7%A8%D7%97%D7%91-%D7%96%D7%9E%D7%9F]
we havent got enough responses to narrow it to one kinda browser or operating system. in general PC, different windows version, most use google chrome...
tnx,
~~~~

dalilae wrote:

if thats not the place to report it, then could u pass them this file please or direct me there?
tnx,
~~~~

I can confirm https://commons.wikimedia.org/wiki/File:H3_more_has_more_presence_then_h2.png with Firefox 28 on Fedora 20.

On https://he.wikipedia.org/wiki/%D7%9E%D7%A8%D7%97%D7%91-%D7%96%D7%9E%D7%9F#.D7.9E.D7.95.D7.A9.D7.92.D7.99_.D7.99.D7.A1.D7.95.D7.93 comparing
מושגי יסוד
with
מערכת קואורדינטות ארבע-ממדית,
h3 is more bold than h2, however h3 is also slightly more narrow than h2.

dalilae wrote:

the slightly narrow isn't enough to set hierarchy characteristics right. in a general look at a page, h3 catches the eye more then all other headings, it jumps up. i suppose cause right now it uses the most noticeable hebrew font type (among all other different fonts (functions type)- it's clear, contrastic, and also bold. h2 is a less clear and paler font family.

dalilae wrote:

tnx

Andre can you inspect the h2 element and work out what font is being used? If you remove the fonts at the front of the list when does the problem fix itself? I cannot replicate this on a Mac.

dalilae wrote:

i was asked to file a different bug report on 3 related issues (fonts problems) - maybe i was wrong not to mention here before. u should consider checking this bug also [https://bugzilla.wikimedia.org/show_bug.cgi?id=63843] - it's referring to h2. h2 is times new roman - not suppose to be in use... maybe fixing times new roman appearance would solve both problems. (the firth has to do with lost of font size proportion on zooming - so probably not affecting or affected by these two).
tnx again for ur efforts.

Jon: Hmm, not sure if h2 is the problem here instead of h3, but as you ask:
Using Firefox 28's Developer Tools (right-click on the heading and choose "Inspect Element", then switch from tab "Rules" to tab "Fonts") for h2:

Linux Libertine O        system
Used as: "Linux Libertine O"

That's as expected, as I'm on a Linux system. h3 does not seem to have a font specificed (inherits font from body plus additionally setting it to bold):

DejaVu Sans Bold        system
Used as: "DejaVu Sans"
Nimbus Sans L Bold        system
Used as: "Nimbus Sans L"

which (except for bold) are the same fonts as for the text of the sections.

See https://gerrit.wikimedia.org/r/125760 - this could hopefully help with choosing a better font stack for the Hebrew language - although what the font stack is I'm not sure.

Krinkle changed the title from "Typography Refresh: h3 is more noticeable than h2 for Hebrew" to "h3 should not be more prominent than h2 headings".Jan 5 2015, 1:54 AM
Krinkle edited the task description. (Show Details)
Krinkle edited projects, added Design; removed I18n, Browser-Support-Google-Chrome.
Krinkle set Security to None.
Krinkle removed a subscriber: Unknown Object (MLST).

Change 216028 had a related patch set uploaded (by Isarra):
Make headers use the same fonts as the rest of the content

https://gerrit.wikimedia.org/r/216028

Isarra moved this task from Backlog to Typography on the Vector board.Apr 7 2016, 1:25 AM
Krinkle removed a subscriber: Krinkle.Apr 7 2016, 11:50 PM

Add Comment