Talk:Typography refresh

Wikipedia or MediaWiki?
I am getting conflicting information whether this update is Wikipedia only or MediaWiki thing. Some examples below.

Wikipedia: "'Type is a core visual element of Wikipedia's language'" "'we want the font choice to reflect us and our content'"

MediaWiki: "'which is a good thing for both Wikimedia and third party users of Vector/MobileFrontEnd'" "'it's something we should do before we move to merge anything from the typography refresh in to Vector proper'"

Please clarify which point of view has been used as basis of the changes. If it is Wikipedia, please clarify what thought has been given the suitability of the choices for 3rd party users of MediaWiki. For example, do you want every site to look like Wikipedia? --Nikerabbit (talk) 08:29, 18 February 2014 (UTC)
 * I too would like to see an answer to this. Legoktm (talk) 07:01, 10 March 2014 (UTC)
 * Dearchive unanswered question also asked several times on mailing lists and made even more pressing by the newer text "Wikimedia's default typography", "Wikimedia content must be highly accessible" but "all projects (as part of the Vector skin)" etc. --Nemo 17:39, 14 March 2014 (UTC)
 * It's a partially unresolved question, but is probably best answered by the first question in the FAQ. When it comes time to remove this from Extension:VectorBeta the most logical destination is Vector skin in MediaWiki core. Whether other MediaWiki users want to retain the change is up to them of course. Steven Walling (WMF) &bull; talk   17:52, 14 March 2014 (UTC)
 * No, I don't find any answer in the first FAQ question. "Of course"? How? --Nemo 18:00, 14 March 2014 (UTC)
 * "Who will see this change?" "All users of Wikimedia sites who use the default Vector skin, including readers and editors. Users who use their preferences or another method to use an alternative skin, like Monobook or Cologne Blue, will see no changes." Steven Walling (WMF) &bull; talk   18:10, 14 March 2014 (UTC)
 * Why are you copying it here? If you're implying that this change will not be made in core or the Vector extension, it would be useful to say so explicitly. --Nemo 18:23, 14 March 2014 (UTC)


 * We're still lacking an answer here. The current TL;DR is: we made it for Wikipedia only, but forced every MediaWiki user as well, hoping they wouldn't mind.
 * Source: on wikitech-l however Steven said «This was designed primarily with Wikimedia readers in mind, but this is extremely minimal stylistically». So it seems we're never going to know and the text of Typography refresh will keep being contradictory, omissive and non-explanatory; authors of this thing are very defensive. --Nemo 07:09, 1 April 2014 (UTC) P.s.: Filed 63351 to keep track of the release notes part.

Some (probably unwanted) feedback
So...as you may know I've thrown together some code to override this, and I say 'thrown together' because I'm still pretty close to a beginner at css and I was mostly just trying to get typography refresh out of the way. was kind enough to suggest ways I could improve it, and I've broken it into a fonts and colours section and a font size section but I didn't succeed in fixing the other things, probably because I did it wrong - 0.8em made things too small...and anyway, apologies for not making it exactly how it should be. But I think it would be much better if there were a preference one could turn on or off; just telling people they can customise their css won't work for those of us who don't want to bother learning how, and some may not even want to bother copying my code, especially considering that the elements I set probably aren't what they should be and it's not a complete fix anyway - there's a bit much padding under the headings, for example, and who knows what it looks like in other browsers.

I also feel like at least the grey text bit is a change to benefit those with vision problems at the expense of those without, though I doubt it's intentional. I don't notice the difference between the grey and the black and don't find either a strain, but someone irl has told me that he finds grey text on a white background to strain his eyes, and he doesn't have the sort of vision problems you're trying to address. He says it would be better to darken the background rather than lighten the text. The comment above about how dyslexics etc probably have their contrast turned down also seems valid and I'd appreciate if it were taken into consideration.

Finally, like someone else on this page I would like to know if this will be in core MediaWiki or if it's just for Wikipedia or the Wikimedia wikis. The link Quiddity posted on my talk looks to me like you're changing core mediawiki, and this worries me because this seems to be a change for specifically wikipedia and other mediawiki wikis may not want it, and will have to do some kind of awkward patch business. Another thought I had was that perhaps this could be made into a separate opt-in skin, rather than a change to vector - forcing it on everyone who chooses to use vector doesn't seem fair; I realise it may be hard to create a skin that works for everyone, but you may want to weigh the benefits of one against the other, and please at least make it possible to opt out via a simple checkbox in Special:Preferences.

Thanks for reading, apologies if it's tl;dr or not what you wanted to hear. Cathfolant (talk) 03:15, 1 April 2014 (UTC)


 * On your question, see : we never managed to get a reply, though at least half a dozen persons asked on mailing lists. It seems the change was thought with Wikipedia only in mind, but applied to MediaWiki core by default. That's hard to believe, but I guess the only defense mechanism for users and non-Wikipedia wikis is to use monobook instead of Vector (a strategy broadly adopted since 2010 by the majority of power users and more). --Nemo 07:01, 1 April 2014 (UTC)


 * A fairly clear answer (basically your second sentence) was given on wikitech-l. For what it's worth, I largely agree that this (applying it to core) was the right thing to do--the requirements for the changes aren't specific to Wikimedia sites--for example, increasing the body font size should make all wikis using Vector more readable in general. I don't like some aspects of the changes, but restricting the changes to Wikimedia wikis as a way to "limit damage" is not the right way to go. wctaiwan (talk) 13:05, 1 April 2014 (UTC)


 * Not really: the text doesn't explain how the decisions taken are consequences of those supposed requirements. For instance, point one is "legible and beautiful", but we were not provided any criteria for "beautiful" by designers (devs summarised their thought with "how similar to Helvetic Neue the font is"); yet, despite being Wikipedia-specific, it seems to have overridden any other consideration. Point two is "consistent visual experience across desktop and mobile devices", but MobileFrontend is only developed for Wikimedia wikis (Wikimedia-specific overrides, rarely compatible with stable release, almost unused by third party wikis). Not to mention the needs of non-Latin scripts languages, which have never been considered here, but can be important for sysadmins whose main focus happened to be on wikis in such languages. --Nemo 22:14, 6 April 2014 (UTC)

Let's get something straight...

Seriously?!? So then we should expect the standard interface to change to the one shown on the right, pretty soon now, shouldn't we? -- Jokes_Free4Me (talk) 02:28, 7 April 2014 (UTC)

Missing info - which browsers were tested?
The FAQ entry "Did we test this on a variety of browsers and operating systems?" only seems to list the operating systems, and does not specify which browsers were tested. 86.160.127.102 21:10, 1 April 2014 (UTC)


 * Browser Testing information updated in the FAQ - Please see https://www.mediawiki.org/wiki/Typography_refresh#Did_we_test_this_on_a_variety_of_browsers_and_operating_systems.3F
 * Thanks Vibhabamba (talk) 21:50, 2 April 2014 (UTC)


 * Please don't mark as resolved if you haven't done anything. Read the request again: "only seems to list the operating systems, and does not specify which browsers were tested." -- Jokes_Free4Me (talk) 14:49, 7 April 2014 (UTC)
 * Please don't mark as resolved if you haven't done anything. Read the request again: "only seems to list the operating systems, and does not specify which browsers were tested." -- Jokes_Free4Me (talk) 14:49, 7 April 2014 (UTC)

Redundant bug fixes?
Changes were made in Special:Code/MediaWiki/108215, Special:Code/MediaWiki/99389, Special:Code/MediaWiki/104160, Special:Code/MediaWiki/105517 and Special:Code/MediaWiki/105521 for fixing bugs 29405, 30809 and 32826. The fix for  seems to be overridden in the beta feature (although in a good way). The  specified in the beta feature appears to be more than the   specified in the original bugfix.

Not sure if the original bug fix was for vector or all skins, but it should be evaluated whether it is needed anymore.

NOTE: I've only tested this for hindi (hi) at मुखपृष्ठ.--Siddhartha Ghai (talk) 10:00, 1 April 2014 (UTC)

Headlines on pt.wikipedia Main Page
This new typography funks up the section headlines on pt.wikipedia. . Some of them get moved completely outside of the line they are supposed to be. GoEThe (talk) 11:31, 1 April 2014 (UTC)


 * Yes, this is because the new h2 style is designed for regular content pages (including Talk, Help, etc.) so there is a bit more space above it (margin-top: 1em;). Places where there are additional local styles around an h2 might need fixing in Common.css. You can see that they already fixed this in German Wikipedia's Common.css by referring specifically to the Main Page h2's and removing the serifs and fixing the spacing. It looks like putting in styles that refer to div#artigos-destacadosHead h2 will fix this. Steven Walling (WMF) &bull; talk   21:57, 2 April 2014 (UTC)

H4 vs H5 (and potentially H3)
Maybe I'm nuts, but shouldn't there be some difference between H4 and H5? (And more than just a stroke-width difference between H3 and the others?) LtPowers (talk) 14:18, 3 April 2014 (UTC)
 * They decided to make them equal size to running text to make H2 and H3 more distinguishable, as H4-H6 are rarely, if ever, used. — Edokter  ( talk ) — 15:19, 3 April 2014 (UTC)
 * Excuse me just a minute while I check your statement against enwiktionary-20140311-pages-meta-current.xml dump. 3970659 pages processed, 1126424 L4 to L6 found. They may be uncommon, but not rare. (Also, on en.WT L4 and L5 are semantically significant.) - Amgine (talk) 20:18, 3 April 2014 (UTC)
 * 'Never' would be one thing, but 'rarely' is another thing entirely. Given that H4 and H5 are sometimes used, how are they to be distinguished visually?  LtPowers (talk) 23:44, 3 April 2014 (UTC)
 * Proposal: Why not use the italic to differentiate? H4 could have the same size as H3 but in bold-italic and not in bold. H5 would stay in the actual size, H6 would be the same size as H5 but bold-italic. An example were the difference could be needed is for example the German article about Wikipedia --217.226.201.21 14:57, 5 April 2014 (UTC)

Article heading is complete mess now
Problems (http://i.imgur.com/tMZIO2I.png - screenshot with my annotations):

1. marging-bottom on #firstHeading. Why it has been introduced? It results in spacing between article header and "From Wikipedia, the free encyclopedia" (#siteSub), what looks inelegant and buggy.

2. Spacings between #contentSub and .dablnks should be equal. Now it is inconsistent.

3. And the most important thing: "&amp;nbsp;&amp;nbsp;(Redirected from ...)" - #contentSub content is aligned with blank spaces (!)

I suspect that someone done it in order to align #contentSub (margin-left: 1em) with .dablinks (padding-left: 1.6em). So he just put two spaces in front of it, instead doing css tuning.

I propose the following changes:

1. Set margin-bottom on #firstHeading to 0.

div#content #firstHeading { margin-bottom: 0; }

2a. Change spacings between #contentSub and .dablnks to be consistent (0.5em).

2b. Set margin-left on #contentSub to 1.6em (the same as .dablinks padding-left).

margin: 0.5em 0 0.5em 1.6em; }
 * 1) contentSub, #contentSub2 {

3. Now, when #contentSub margin-left and with .dablinks padding-left are the same, remove blank spaces (&amp;nbsp;&amp;nbsp;) from #contentSub content.

In my opinion after these changes it looks much more elegant and consistent: http://i.imgur.com/LHrLbHg.png

--Piotr Jurkiewicz (talk) 00:14, 4 April 2014 (UTC)

No margin on top of h1 headers
I made an example demonstrating my issue on this page User:Stephan Kulla/ Bugreport: No margin on top of h1 headers. There you can see, that there is no margin on top of  headers (I need those headers in some discussion pages of my wikibook project). Will there be a margin added in the future? Greetings Stephan Kulla (talk) 13:06, 9 April 2014 (UTC)
 * Strictly speaking, H1 is reserved for page titles, and we don't want a top-margin there. (It is possible, but it would have to be cancelled out for #firstHeading again.) — Edokter  ( talk ) — 13:20, 9 April 2014 (UTC)

Fat Fs, Ts and Is


As can be seen from my screen-shot, it appears on my system (Win XP, Chrome) that all the Fs are emboldened. Andy Mabbett ( Pigsonthewing ); Talk to Andy; Andy's edits 22:37, 1 April 2014 (UTC)


 * Do you have Liberation Sans installed? It does not render too well without ClearType enabled. Try enabling that and see if that improves the issue. — Edokter  ( talk ) — 00:36, 2 April 2014 (UTC)
 * Same problem here (Windows 7, Chrome 33.0.1750.154 m).
 * Users without administrative rights cannot change the ClearType configuration, so that is not an option. Helder.wiki 18:04, 3 April 2014 (UTC)
 * Then the only option remaining is to reset the font to Arial in you vector.css. — Edokter  ( talk ) — 18:59, 3 April 2014 (UTC)
 * See the screenshot provided by on English Wikipedia. Helder.wiki 14:29, 4 April 2014 (UTC)
 * Edokter  Thank you for reporting this. Can you help us with the OS/ Browser details. And can you tell us if Cleartype is turned on in your system Open Source fonts don't work well without clear type being turned on. Vibhabamba (talk) 00:12, 5 April 2014 (UTC)
 * , the biggest problem is by far (old) Liberation Sans installed on Windows, usually by way of OpenOffice. Steven already enquired on enwiki about removing Liberation Sans from the stack, which I think is a viable option. I replied: "You would need a replacement for those without Arimo on Linux systems (if you want to keep Arimo at all). Helvetica should map to Nimbus Sans L, but it wouldn't hurt to include it explicitely (it has near 100% penetration on Linux), so it would become: ." —  Edokter  ( talk ) — 00:31, 5 April 2014 (UTC)


 * Hi, I just went through the same problem, bug details here: 63512. There's a test page to see if the fix works for you here: Save_the_princess. - Martín
 * See also Image:Newfont thebigf.JPG uploaded by and mentioned on enwiki's Village Pump. Helder.wiki 17:17, 5 April 2014 (UTC)

Hey Andy (aka ) and everyone. We've identified which fonts for body text were causing this problem for users without ClearType/font smoothing turned on. We've tested and added a local fix on English Wikipedia for now, and on Monday when software deployments can resume we're going to add this fix to the new default everywhere. Steven Walling (WMF) &bull; talk   23:48, 5 April 2014 (UTC)

Error Visual / Visual error
Español: he observado, al probar la nueva versión de la piel Vector, un error en un artículo de Wikipedia en español. Al usar la plantilla "cita" con una imagen cerca, la plantilla con la cita invade la imagen; esto antes no pasaba.

English: I have observed, to test the new version of the Vector skin, an error in a article of Spanish Wikipedia. By using the "quote" template with an image around the template with Quote invades the image, this did not happen before.

- El Ayudante (talk) 23:01, 1 April 2014 (UTC)


 * This feature has already been removed. — Edokter  ( talk ) — 00:30, 2 April 2014 (UTC)

The use of BCE & CE for dating vs, BC & AD...
Why do you use BCE (Before Common Era) instead of BC (Before Christ) and CE (Common Era) vs. AD (Anno Domini)?
 * This doesn't have anything to do with the typography refresh but if you would like to read more about why this is the case Jimmy Wales has a great answer on Quora about this subject Jaredzimmerman (WMF) (talk) 21:49, 2 April 2014 (UTC)

Significant size increase for body copy
The body copy has been increased to 0.875em (from 0.8em). This results in about 15% less text displaying in a window (as width and height increase, so less text displays on a line, and fewer lines display). What can we put in our vector.css to revert just this part of the change? thanks. Nurg (talk) 09:05, 2 April 2014 (UTC)
 * Nurg, this was to address an accessibility issue that many have brought up with the current type size being too small, you can read more in the FAQ about our rationale for the increase as an accessibility improvement. Jaredzimmerman (WMF) (talk) 21:57, 2 April 2014 (UTC)
 * Thanks for the rationale, though it isn't what I asked for. I would like to know what I can put in my personal vector.css to revert just this part of the change. Thanks. Nurg (talk) 23:32, 2 April 2014 (UTC)
 * Sorry Nurg, I misunderstood, that was what you were asking for, there is a css override ( …also in the FAQ), a less permanent thing to do would be to use your browser's text zoom feature as well. Jaredzimmerman (WMF) (talk) 02:52, 3 April 2014 (UTC)
 * Neither of those answers are what I asked for either. A correct answer appears to be:

font-size: 0.8em !important; }
 * 1) bodyContent {
 * Nurg (talk) 22:48, 3 April 2014 (UTC)

Font size difference in diff pages
It seems that the font for the changed text in diff pages is different than that for the unchanged text. In this diff, for example, the equal signs in the old text that were removed (i.e the highlighted ones), appear smaller than the unhighlighted ones.--Siddhartha Ghai (talk) 13:40, 2 April 2014 (UTC)
 * Without further screenshots in other language projects, It doesn't seem like this is being specifically impacted by the typography update. Vibhabamba (talk) 22:07, 2 April 2014 (UTC)


 * Tested the issue on the English wikipedia with and without the typography refresh beta feature. Results (below) seem to suggest that the problem is with the update. The concerned diff is this.--Siddhartha Ghai (talk) 07:23, 3 April 2014 (UTC)


 * Testing on Commons reveals that the issue is present with the update too. See this diff on commons.
 * PS: The screenshots above were taken on Windows 7 X64 with Google Chrome Version 33.0.1750.154 m.--Siddhartha Ghai (talk) 07:29, 3 April 2014 (UTC)


 * I can confirm I see the difference, but it is not caused by different font sizes. It just so happens that at that particular font size (in Arial), the "=" character renders seemingly different in bold then in normal weight. [//commons.wikimedia.org/w/index.php?title=User:Siddhartha_Ghai/sandbox&diff=120589758&oldid=120589742 Look here] to see the effect, and also see that other text is not affected. — Edokter  ( talk ) — 11:42, 3 April 2014 (UTC)


 * The problem is also present with dashes [//commons.wikimedia.org/w/index.php?title=User:Siddhartha_Ghai/sandbox&diff=120666445&oldid=120666422 see diff]--Siddhartha Ghai (talk) 15:48, 4 April 2014 (UTC)

en.WT issues
The typography refresh has been unpopular on en.wiktionary, initially assumed to be a joke. It is also associated with some breakage. - Amgine (talk) 18:58, 3 April 2014 (UTC)
 * Unpopular on en.wikivoyage too. Texugo (talk) 19:04, 3 April 2014 (UTC)
 * Looks like it isn't going down brilliantly on en.wikipedia. Can we change back to the old and see if there's consensus for a change? Thanks, Matty.007 (talk) 19:45, 3 April 2014 (UTC)
 * That's debatable, Texugo. You don't speak for all of us.  LtPowers (talk) 23:45, 3 April 2014 (UTC)
 * I believe it's a fair to say "unpopular" in a situation that consists only of a majority of negative opinions, plus a few neutral wait-and-see ones. You certainly couldn't argue that it's "popular". Texugo (talk) 11:22, 4 April 2014 (UTC)
 * Let's face it, it's a bloody mess. A mish-mash of type faces, unwanted resizing of text.  It's ugly, it's confusing to look at, and the resizing means that there's less text on the page, so you have to waste time and effort paging down.  Whoever thought it up should be taken out and shot!  Skinsmoke (talk) 23:49, 4 April 2014 (UTC)

Why is Arimo highest priority?
Arimo is set as the highest priority font, even though it scored fifth place. Why is this? Personally, I think it looks odd, especially bolded like it is in basically every article. 216.52.207.75 19:52, 3 April 2014 (UTC)

Bold Arimo on both Firefox and Chrome for Windows is quite awful at the default body size. The bolded "e" is particularly uneven. --96.49.52.143 22:07, 3 April 2014 (UTC)


 * Yes, it's well known that forcing specific fonts has terrible results on Windows: see Talk:Typography refresh/Archive 2 (January). Three months later it seems the powers that be acknowledged it, too, in their way: . --Nemo 16:16, 6 April 2014 (UTC)

How to revert to old typography?
The new typography hurts my eyes and makes the articles hard to read.

How do I switch it back to how it was?

Please note that I am not a power user, just a heavy browser of interesting pages.

Thanks. —The preceding unsigned comment was added by 74.201.1.5 (talk • contribs) 20:36, 3 April 2014‎ (UTC)


 * I'm in the same boat with the above. I already posted a similar comment on the blog announcing the change, but I'll repeat myself here. The font change has made Wikipedia unreadable to me. The font is very narrow and it takes extreme zooming before it becomes comfortable to read. I had never experienced any kind of trouble with the old font. Now trying to read a Wiki article for a minute is impossible without practically having double vision afterwards. That is how bad it is. Here is what it looks like on my screen now (Win7, 1366x768, Firefox 12): http://oi60.tinypic.com/34j85qf.jpg —The preceding unsigned comment was added by 88.114.248.71 (talk • contribs) 21:20, 3 April 2014‎ (UTC)

Same here..... Wiki, if it works well, you must not change it. —The preceding unsigned comment was added by FoureychEightess (talk • contribs) 21:55, 3 April 2014‎ (UTC)

Me too! I want the old typography back! --Andreas Schwarzkopf (talk) 18:07, 5 April 2014 (UTC)

New font is too big
Words and lines are too much spaced out, and make text hard to follow and read. Please change it back, at least to 0.85em.
 * Font size and leading changes are explained in the FAQJaredzimmerman (WMF) (talk) 23:21, 3 April 2014 (UTC)
 * Jesus Christ! How can you mark this as "resolved". We claim it is too-big-to-read now. I already reversed those changes with Cathfolant code, because I had to move back with my chair from the screen! These are (one of) the worst changes I have ever witnessed in my 10-year history at wiki. Arvedui89 (talk) 06:48, 4 April 2014 (UTC)
 * I have to agree with Arvedui89 regarding the font size. It's too big. It's all well and good that it's explained in the FAQ but that doesn't address the fact that people don't like it. Your response to this reminds me of the crApple response when iPods were first released. "Hello Apple, my iPod battery is dead." "Easily fixed. Buy a new iPod". --AussieLegend (talk) 08:13, 4 April 2014 (UTC)
 * May I register my dissent? ;) In my opinion, the font is still too small. I believe the default for body text should be 1em, which is the default that the user sets in his browser (or has that changed?). Every user has a different situation, so you need to give up control about exact sizes. Use the default, and let the user decide what that is. --87.157.78.253 22:25, 4 April 2014 (UTC)
 * I also agree with Arvedui89 that the bigger bread text font in the recent typography disaster makes articles harder to read —WinTakeAll (talk) 04:31, 5 April 2014 (UTC)
 * Marking this as 'resolved' is some kind of joke. In this situation I don't see another choice than voting. Piotr Jurkiewicz (talk) 09:37, 6 April 2014 (UTC)
 * Absolutely agree. Resolving an issue assumes some kind of change in response to feedback. This was not the case here. -- Jokes Free4Me (talk) 17:01, 6 April 2014 (UTC)
 * You already can control the font size of your own. Just use Ctrl Plus oder Ctrl Minus to set the font of the actual domain bigger or smaller (key shortcuts for Firefox, other browsers may have different shortcuts). Your browser remembers your preference. I’d always enlarged Wikipedia’s font pressing Ctrl Plus three times. Now I can go one step back. --217.226.201.21 13:37, 5 April 2014 (UTC)
 * You already can control the font size of your own. Just use Ctrl Plus oder Ctrl Minus to set the font of the actual domain bigger or smaller (key shortcuts for Firefox, other browsers may have different shortcuts). Your browser remembers your preference. I’d always enlarged Wikipedia’s font pressing Ctrl Plus three times. Now I can go one step back. --217.226.201.21 13:37, 5 April 2014 (UTC)

Deformation in esWiki
Hi. ¿Is this normal? In 100% zoom, I see each letter lower than the same text in other zoom rate, making the bold letters going deformated. ¿Does it just happen to me? I use Chrome. Greetings. Albertojuanse (talk) 21:12, 3 April 2014 (UTC)

Font
Change the bad font back to the old good font please. The new is hard to read.

I want to use my PC's serif or sans-serif font. —The preceding unsigned comment was added by FoureychEightess (talk • contribs) 21:52, 3 April 2014‎ (UTC)

I don't like at all that police
At least you should have given the users the possibility to keep the old police or to use the new one. I would like to have the exact code of the old police to put in in my vector.css. Could somebody help me. --Berdea (talk) 22:57, 3 April 2014 (UTC)
 * See User:Cathfolant/typographyrefreshoverride.css. By the way, what do you mean by "police"? I'm sure you don't mean the actual police. πr2 (t • c) 23:15, 3 April 2014 (UTC)
 * Policy, I reckon. Lagrange613 06:14, 4 April 2014 (UTC)
 * No it's just because Berdea is a french contributor and in french font is said police ;) Euterpia (talk) 09:22, 4 April 2014 (UTC)
 * Ah, faux amis! Merci beaucoup, Euterpia. Lagrange613 15:35, 7 April 2014 (UTC)
 * Thank you Cathfolant, PiRSquared17 & co. It works (like before) ! Lysosome (talk) 10:33, 4 April 2014 (UTC)

Body font is too squished
I don't know if I just have to have a different font installed, but I feel that the new body font looks really squished and it's just too small for my taste. Everything just looks really narrow and it's a bit harder to read. --98.113.144.121 23:22, 3 April 2014 (UTC)
 * I agree. It's *way* too narrow.  Makes it harder to read.


 * That's right. It is absurdly narrow. It is impossible to read a full article now. I struggle to read even one paragraph, and even then I have to squint. Whoever forced through this "improvement" should be fired immediately.


 * I'm pretty sure this "narrow" look is not intended. I believe it is caused by having only the narrow version of one of the higher priority fonts installed on your machine.  So, for example, you have Ariel installed (which would look fine), but Helvetica is set by MediaWiki as a higher priority font.  Normally Helvetica would look even better than Ariel - but what if the only member of the Helvetica family you have installed is Helvetica Narrow?  That would look pretty dreadful, but may still end up being chosen by your browser because it is reading the rules as saying "any kind of Helvetica is better than Ariel."  I don't know how to fix this, but I believe it is a genuine bug, rather than a matter of user opinion. 2.29.0.99 01:42, 5 April 2014 (UTC)


 * Nope. Font fallback does not actually work that way. Helvetica Narrow is considered a separate family from Helvetica, in the way that the OSes group fonts, at least on Windows and Mac. (If it were an Adobe app something like this could actually happen.) &lt;signature-anon&gt; 03:27, 5 &lt;april&gt; 2014 (UTC)

New typography hasn't been tested in non-antialiased mode
Check out this screenshot: http://i.imgur.com/AJuubVC.png This is how the new typography renders by default on my system, where "Font smoothing" is disabled (since I prefer crisp text to blurry text). This screenshot is in Firefox, but it looks virtually the same in Chrome. Seems like the same problem font as used by Google+, where this annoying font is one of the things that puts me off.

Typography should work well everywhere, and if your preferred font doesn't work on machines where antialiasing or ClearType has been disabled, then you should detect that and fall back to a font that works.

Also: serif in headlines is unconventional, therefore looks unprofessional. —The preceding unsigned comment was added by Chaosdruid (talk • contribs) 00:57, 4 April 2014‎ (UTC)


 * Agree, it's bad without Cleartype. But have you got the newest version of Arimo or Liberation Sans? (See this thread) I found that my older Lib Sans looked like your screenshot when I turned Cleartype off. The latest version is better, but still not like MS Core fonts. About Serif headlines ... I beg to differ. It is not unprofessional. It is less conventional than the other way round, yes. But there are stylish magazines that use a sans for the body and serifs for headlines. If you have enough of a size difference to the body text, in my opinion, it looks very elegant. --87.157.78.253 22:09, 4 April 2014 (UTC)
 * Does it matter whether he's got the latest version or not? Should he have to change his version just because some smartarse at Wikipedia decided to fuck up the look of the thing?  Skinsmoke (talk) 23:54, 4 April 2014 (UTC)
 * That's all so true. I can't now visit without eyesink any Wikimedia project where I haven't turned IT out; I don't know how to turn atialiasing on, neither I want to on some older machines where I have no extra flops; and, finally, I don't like or at least am not used to this tiny square font. Why not to rely on default user's fonts? For rare glyphs, placing somewhere on a page a button "apply Unicode font to the content" is better than mutilating millions of other pages. Ignatus (talk) 18:04, 5 April 2014 (UTC)


 * Since yesterday, Microsoft stopped support for Windows XP. So there is no operating system left on the market that hasn't enabled font smoothing by default. If you change your OS defaults you're on your own. And in newer Windows iterations you have to do a lot of work to disable font smoothing system-wide. Also you can still add a custom css in your preferences to change the fonts. Schulu (talk)

Voting for implementing new typography
Hi

Were is the page to vote on using the beta typo across all wikis?

Where is the page asking us if we want it made permanent?

Are there any Rfcs ongoing about whether or not we wanted this forced on us?

Who took the decision to implement? (If not the editors, then why were we not consulted?) Chaosdruid (talk) 00:57, 4 April 2014 (UTC)


 * Up, there should be a voting for it. --Piotr Jurkiewicz (talk) 01:15, 4 April 2014 (UTC)
 * I would definitely vote for NO... Arvedui89 (talk) 06:50, 4 April 2014 (UTC)
 * Absolutely agree. Apparently there was discussion over the past months, when this was a beta feature. I don't use beta features and when I edit Wikipedia, I am more concerned with actual content. However, I think such a fundamental change should have been much more publicized before going live. Wikipedia has a notification system for registered users, registered users have e-mail addresses that could have been used for a newsletter asking for input, there could have been a banner and so on. Had I been aware of this change beforehand, I would have given my opinion sooner. I did it now (here and on the poll) but I have the inkling it's not gonna change much now that the new style has gone live. --Destruktor5000 (talk) 14:37, 4 April 2014 (UTC)

This is what it looks like for me
http://imgur.com/zjjDnRs

That's plainly different from the example images. It also makes my eyes hurt after reading a couple paragraphs. 108.70.132.28 01:37, 4 April 2014 (UTC)
 * What browser/OS are you using? (See also the section below, if you'd like to investigate further.) Thanks for including a screenshot. :) –Quiddity (talk) 21:23, 4 April 2014 (UTC)

Typeface
A number of people asked that any sans face used should distinguish between l and I (be legible). Ubuntu and MS Trebuchet do this, is there any reason they can't be used? Rich Farmbrough 02:23, 4 April 2014 (UTC).


 * Hi Rich, designers have been asking to provide suggestions of fonts. You can add them to Typography_refresh/Font_choice for a future round of evaluation. --Nemo 13:39, 9 April 2014 (UTC)

OpenType
Hi everybody. I have trouble visualizing the Linux Libertine font in Mac OS. It happens with font with OTF extension, the TTF works well. Maybe the OTF is not recognized because it is called Linux Libertine O. Can this be fixed? --Gusama Romero (talk) 03:00, 4 &lt;april&gt; 2014 (UTC)

Languages problems

 * See also 

Can some more free fonts in Korean also can selective?
Hello. I'm editor on Korean WP, and I saw your notice on our villiage pump.

As for Korean. There is good fonts for korean, which is distributed by Free copyright licences. For example, Nanum fonts(Nanum means 'share' in Korean), which is distributed by Open Font Licence 1.1. And these fonts shows better legibility than normal fonts like Gulim and Dotum. And Un fonts also serves in Open licences, but I think these fonts do not have good legibilities.

If this refresh project supports multiple selection of fonts, How's about Include Nanum fonts and some more open fonts in Wikimedia projects when using Korean? - Galadrien (talk) 12:42, 1 April 2014 (UTC)


 * Hi . I think it would be fine to write in Korean Wikipedia Common.css to refer to a different open source font. But as the FAQ notes, we're not actually having users download new fonts, we're only telling their browsers which fonts to use, if they already have it. So unless most readers or editors on Korean Wikipedia would already have the font on their system, there may not be much point in changing it. As a side note, I am also curious: do you think the serif font for page titles and section headers is okay in Korean? I know non-Latin scripts may look different with serifs. Steven Walling (WMF) &bull; talk   22:07, 2 April 2014 (UTC)

Um.. It maybe good, but At this point, em-size of English font and Korean font is different- so you have to think how to make balance for English and numeral decender and Korean baseline.

And, especially, printed materials in South Korea(And CJK printing culture also) do not uses serif fonts for main subject- they usually use san-serif as subject, then use serif for main contents. So you can make think about make changes for CJK languages. - Galadrien (talk) 02:52, 4 &lt;april&gt; 2014 (UTC)

I uploaded the sample of 'problems' in my wiki. Please check the circles especially. - Galadrien (talk) 03:05, 4 &lt;april&gt; 2014 (UTC)

위키백과:사랑방 (기술)/2014년 4월#문서 제목 서체에 대해 also talking about this problems. - Galadrien (talk) 03:16, 4 &lt;april&gt; 2014 (UTC)

opinions from pl-wikt

 * ''See also pl.wiki

Translated feedback from the Polish Wiktionary's Village Pump (BTW Polish Wiktionary has reverted the changes, so that the problems are not observable there now):

Typographic nightmare! Some amateur serif font in the header with a chaotic kerning and spacing. Especially the bold font in the text is badly displayed on the monitor: And this widened font, which is not more legible, but it causes expansion of the inflection tables in the text. Fatal amateurism. I understand that the Wiki is a community project, but it would better consult such changes with someone who has a little sense of aesthetics and typography?
 * e, s and a lost themselves in the horizontal elements
 * Vertical element f is displayed thinner than the other ones,
 * The colon and parenthesis look as if they were larger than the rest of the text,
 * All Polish diacritical marks look like the amateur character modification in the early 90s when the Polish computer science was in its youth,
 * Poor kerning, which almost glued some characters, such as •••,
 * Capital letters B, F and J look like from a different font,
 * Kerning in text is disastrous, because it gives the impression as if letters were thicker sometimes and thinner in other places.

Another examples of amateurism of the selected font : 83.5.201.92 (dyskusja) 21:33, 1 kwi 2014 (CEST)
 * W) ← parenthesis is placed lower then letters
 * zn ← the letter "z" is narrower than the "n" and the put together they look like from completely different fonts

Please communicate to them, that the change is awful and please restore the former style. Marek Mazurkiewicz (dyskusja) 1:02, 4 April 2014 (UTC)
 * Thank you for acting as ambassadors on behalf of your community. πr2</b> (t</b> • c</b>) 01:39, 4 April 2014 (UTC)


 * You are right in many points. I noticed the bold e and a looks bad in Chrome. If I change the size to 1em, it looks better. So it's a case of bad hinting / kerning, IMHO. Same with "zn", if you zoom or set size to 1em it looks better. Agree on parentheses, too. I do like the quirky "J" in Arimo/Liberation Sans. --87.157.78.253 22:46, 4 April 2014 (UTC)

Height/width issue & Russian wiki issues (ST vs CTT, СГT, 1234567890)
There is something very bad with new font: it changes height/width ratio of chracters (or text block?) from one size to another. My calculations show 13 % ratio differences for my usual height in Chrome (10, I assume) and two zoom-clicks higher (12, I assume). Subjectively, usual font look much wider than before, 11 is ok, but 12 is narrow.

Also there are worse problems for cyrillic fonts. In 10 bold italic (sometimes italic only), character "и" is rendered one or two pixels shorter than others (may be local browser/OS problem), check: абвпипабв, абвпипабв; and this new font is generally bad for cyrrilic; and tables (and all beautiful templates since they depend on tables) is sometimes have no enough space for one line text representaion (was fine before changes). *panic mode on* IT'S ALL RUINED!!!!!!!!*panic mode off* --Igel B TyMaHe (talk) 08:57, 4 April 2014 (UTC)




 * That's Georgia; it has "old-style" numerals. That's just how the font looks. — Edokter  ( talk ) — 12:44, 4 April 2014 (UTC)

Inconsistent font heights with Georgia for CJK
Can Georgia be dropped for CJK? In CJK typography, each character in a line is expected to be bounded by a virtual square. Latin numerals are widely used in CJK documents (it's even a norm in Japanese Wikipedia), and Georgia's presentation of Latin numerals with inconsistent height breaks this rule and gives unorthodox appearance there. Linux Libertine seems to be acceptable in this regard, but most Windows users see it fallbacked to Georgia. I'm aware that each wiki can override it, but I thought this issue has some universality. Speaking personally, using serif (or Ming/Mincho) for headings in Japanese seems ok to me. See also. whym (talk) 00:59, 5 April 2014 (UTC)
 * See - the differing heights for numbers are a feature of the Georgia typeface, and hence look equally odd in all languages/combinations! –Quiddity (talk) 03:51, 5 &lt;april&gt; 2014 (UTC)
 * Thanks for the link. It seems that at least capital Latin letters are comparable to CJK text in regard to the expectation of consistent height. whym (talk) 04:42, 5 April 2014 (UTC)
 * There is a way to force Georgia to use lining ('normal') numbers by using the following CSS:


 * Works on the newest browsers, so it's not perfect. If you do not want old-style numbers, you may simply have to change the font in Common.css. — Edokter  ( talk ) — 11:08, 5 April 2014 (UTC)

Article title and sections
Please look at 987654321 (I know it's red, just click). Numbers are unaligned, some up and some down. It's impossible to read them. Please use another font. --NaBUru38 (talk) 10:31, 4 April 2014 (UTC)
 * Not just unaligned, the 1 and 2 are distinctly different sized from the others. Horrible font form a readability standpoint. A comparison (Win7, FF28): http://imgur.com/Aglp3sk --167.236.64.4 11:39, 4 April 2014 (UTC)

1234567890

 * ''See also

different heights of numbers--Sasha Krotov (talk) 20:36, 4 April 2014 (UTC)
 * Compare to File:NewTypDesignForRussianWikipedia.jpg --Vegen451 (talk) 10:21, 4 April 2014 (UTC)

This is a feature of the en:Georgia (typeface), and I agree it's quite odd. It looks particularly strange for years in article titles, eg en:1984–85 NHL season, or mathematics related topics, eg en:142857 (number). –Quiddity (talk) 21:20, 4 April 2014 (UTC)


 * These are so-called en:Text figures. Georgia is designed as a book type, and these numerals make sense there. It's true that people aren't used to these on the web or in headlines. --87.157.78.253 21:59, 4 April 2014 (UTC)


 * And that's only one of the reasons Georgia was such a terrible choice of H1 H2 font in the recent typography disaster —WinTakeAll (talk) 03:44, 5 &lt;april&gt; 2014 (UTC)


 * Old-style numbers is good for book cover, allowable for plain text but look weird in headers. It's must be changed.--Tucvbif (talk) 12:09, 6 April 2014 (UTC)

Hebrew fonts
Many editors in the Hebrew Wikipedia don't seem to be happy of the change and have opted for reverting it.

Someone wrote a gadget that sets fonts back to sans-serif and reverts the change of font sizes. It is not the default, but seems to be welcomed (discussion in hewiki - Hebrew).

I'm not an expert of typography, but right now the serif fonts used don't look good in Hebrew: Georgia does not seem to have a Hebrew script, and the Hebrew scripts of both Linux Libertine (on my Linux system) and Times New Roman (on Windows systems) don't look good enough. I'm playing now with David (availble on most Hebrew Windows systems. On Linux: available from the Culmus fonts, IIRC). But naturally it does not have the coverage of Linux Libertine and Times New Roman. Tzafrir (talk) 16:15, 4 April 2014 (UTC)
 * the new design doesn't work for Hebrew. i don't think u can treat such different set of signs (languages) the same. if u check the new Hebrew sets of titles u'll see it. level 3 title is not only ugly (and clearly doesn't merge with the shape and flow of the other titles) but is much more dominant and outstanding then the higher ones - so no aesthetics and bad representation of hierarchy = bad GUI. it seems each language should have its own design or localisation. at least change Hebrew level 3 font design. tnx Dalilonim (talk) 19:56, 4 April 2014 (UTC)
 * Tzafrir & Dalilonim, going to the page that you linked to and not seeing any readability or rendering issues. Can you post a screen shot of the issue since we can't reproduce it? Thanks!Jaredzimmerman (WMF) (talk) 23:50, 4 April 2014 (UTC)
 * I'll note that I'm personally mostly happy with the change, with the sole exception of the title font. Hanay complained about the same issue below. I use a Linux system and therefore cannot produce a screenshot of Times New Roman on Windows. My system is Debian Wheezy (7.0) running IceWeasel 24. In hewiki I set the title font to David (provided on my system by the Culmus package, but is also a high quality Hebrew font on Windows system. It also happens to be the font used for the logo of the hewiki) and I'm happy with it. Here is the default and with David font. Tzafrir (talk) 12:50, 5 April 2014 (UTC)
 * i uploaded several screenshots to show differences between the verses (not the best quality but hopefully good enough). one is the new and the other is with the gadget (if the gadget undo all changes we can see that as the old version). the files:
 * i think they cover the main issues. font design, size and proportion change in zooming, titles.. Dalilonim (talk) 13:39, 5 April 2014 (UTC)
 * Note that Dalilonim's first pair is regarding the daily quote from the main page. That quote (and some other templates) use the CSS style hebrewQuote (IIRC), which sets the font to David. This is not related to the recent changes. The gadget she refers to seems to explicitly set the font to sans, overriding the usage of David in those templates (or maybe I miss something and the recent changes did change this font to some people?) Tzafrir (talk) 17:21, 5 April 2014 (UTC)
 * i dono how it affected each user, but i see many differences. as i experience it, its not unified enough, titles font changes and breaks the general pleasantness, clarity of text has been lost (as with the quotes and in general - i think this aspect is really important cause we donot serve only 12:12 sight people. as 'boring' as the previous font might look, it is more clear and readable), with the change of zoom there's a total lost of proportion. and in 'normal' zoom the content text is too large and catches too much space. maybe there r more things that need improvement.
 * a general question, isn't that something hebrew wiki needs to solve? after all we r the hebrew readers/writers. there r general changes that can be made in the design, but in some areas its the specific language signs that need to be considered. hebrew and english font might bare the same name (type), and share some decorative qualities but beside that they r totaly different and have plenty of qualities they'll never share... Dalilonim (talk) 22:18, 5 April 2014 (UTC)

The new font in Hebrew: Times New Roman
The community in Hebrew wiki is very un happy with the new font Times New Roman. It looks not good in Hebrew. I would like to know who choose this font? Did an Hebrew reader was a part of the team who made the decision? and what is need to be done to go back to the old font?

In Hebrew wiki we already have a gadget that take us  back to the old design. Thanks Hanay (talk) 04:37, 5 April 2014 (UTC)
 * As a Hebrew-wikipedian I agree with Hanay. The Times New Roman font doesn't look nice in Hebrew. The new design also caused several other problems, as some wikipedians have reported in our village pump. We will really appreciate if if the new changes will be cancelled. Mr._W
 * Times New Roman should not be displayed for any users. Both Windows and Mac users have Georgia, which is the specified font. For Linux, they should be getting Nimbus Roman No9 L. <font style="font-family:Georgia, serif;">Steven Walling (WMF) &bull; talk   02:03, 8 April 2014 (UTC)
 * hello Steven Walling (WMF), do u know who coordinates the topic in hebrew wiki? Dalilonim (talk) 03:45, 8 April 2014 (UTC)

identified bugs
for now we identified few bugs:


 * 1) Times New Roman font not suppose to appear at all, but exist in the CSS definition of family font for H2;
 * 2) font does not much the size defined in new design;
 * 3) when zooming some of the properties of different texts change and the changes r not proportional - text with different function do not preserve their place in hierarchy (for example h5 becomes smaller then content text);

About troubles include IE's rendering error in Japanese Wikipedia
Hello. This new font setting bring bad situation in Japanese Wikipedia. (Discussion )
 * 1) Old versioned Internet Explorer (IE8, IE9, IE10) render wrong.  (mixed serif and san-serif at random, mixed Japanese letters and Korean letters at random)  (Screenshot : )
 * 2) We normally use Asian serif fonts (Mincho) for main contents and san-serif (Gothic) for title letters, or often use the same font for both. Because new typography is reversed, readability for people in some Asian country is lost.
 * 3) Old style numerals of Georgia font damages Japanese readability. Because the baseline of all Japanese letters are straight, Almost Japanese unfamiliar with Georgia font, therefore regard texts include Japanese original letters and Georgia's numericals as incorrect text lendering. (screenshot : )
 * 4) Not only Wikipedia, but also other Wiki sites, have these same problems. And perhaps many Asian countries, too (in these countries, 2byte letter fonts, such as Chinese Kanji, Korean Kanji and Hangul, Japanese Kanji and Kana and so on, are used with 1byte letter fonts). We are going to introduce new local css in Japanese Wikipedia, but this way for only each community isn't a efficient solution against these problems.

Especially, wrong serif rendering on IE is very serious. Please rollback to previous font-family setting (all elements "san-serif"), as soon as possible.

However, some of us have a high opinion of new typograpy except but a few problems relating to "font-family" setting. And We hope for the best solution to achieve the requirements, high readability, consistency, availability and accessibility for all people.

We are collecting more opinions and reports include petition signatures from Jpapanese Wikipedia editors about this matter. Thank you. --ディー・エム (talk) 05:57, 6 April 2014 (UTC)
 * Update: The IE issue (#1 above) caused by a known bug of the browser (screenshot) was considered to affect a significant portion of the users, and the jawiki community resorted to cancel the change of the font-family by editing ja:MediaWiki:Vector.css (diff). In the longer term, I would hope for a localisation system for the font stack on TranslateWiki.net or in the repository, because this and a few other problems noted above seem to be language-dependent rather than community-dependent. whym (talk) 22:05, 7 April 2014 (UTC)

French portal list
Hi, better to look at this French page than a long explanation : https://fr.wikipedia.org/wiki/Fichier:2014-04-04_122301.jpg. --Salix (talk) 10:31, 4 April 2014 (UTC)


 * An admin needs to add  to all H2 headers on that page. —  Edokter  ( talk ) — 12:44, 4 April 2014 (UTC)


 * I [//fr.wikipedia.org/w/index.php?title=Mod%C3%A8le:Titre_section&diff=prev&oldid=102625124 fixed] the local template. Not sure why there is a bug for this. — Edokter  ( talk ) — 13:35, 4 April 2014 (UTC)
 * Thanks Edokter. Now it looks ok for me. --Salix (talk) 17:06, 4 April 2014 (UTC)
 * Oops Edokter, some users are still complaining, it's no fixed on wordwrap for small screens : . Any idea ? --Salix (talk) 18:59, 4 April 2014 (UTC)
 * , Not much I can do about that... Make the font smaller, or make it sans-serif again (as it was designed for that). Tell me if you want that. — Edokter  ( talk ) — 19:38, 4 April 2014 (UTC)
 * Because of 8 inches screen users complaining, could you please come back to the previous font for this kind of title ? --Salix (talk) 20:54, 4 April 2014 (UTC)
 * The headers now use sans-serif again. I hope that fixes it. — Edokter  ( talk ) — 21:10, 4 April 2014 (UTC)
 * Thanks. I'm waiting for a feed back from my small screen users, but it's getting late in France... --Salix (talk) 21:26, 4 April 2014 (UTC)
 * According to them, it seems to be better, but again a little bit too large compared to the original state. --Salix (talk) 22:43, 4 April 2014 (UTC)
 * (←) That is because the overall font size is bigger now. Other templates may have the same problem. I'll let the local template experts handle this further. — Edokter  ( talk ) — 23:50, 4 April 2014 (UTC)

Formal Beta status (or a dashboard)
This feature was released to all wikis. It means it was turned on. But I don't find it useful to remove it from beta tab then, as it has nice big fat buttons where people can provide feedback, as many of them would like to do after you turn it on. Gryllida 11:34, 4 April 2014 (UTC)

Recently beta
If you don't consider it beta, please add a list of 'recently beta' features to the beta tab, with a note that they were deployed. Gryllida 11:34, 4 April 2014 (UTC)

Show Deploy time/plan in the beta tab
For each of the beta features, please also show the deploy plan for current wiki, if it exists. Gryllida 11:34, 4 April 2014 (UTC)


 * Mistakenly posted to the general Beta Features talk page

Please read this note and participate, by filing bugs in bugzilla and setting them a reasonable priority. Thanks. Gryllida 11:36, 4 April 2014 (UTC)

Middle dot with Liberation Sans
The middle dot disapears with Liberation Sans in italics. This affects specially in Catalan language as it is used in the group "l·l" (italics l·l). For example, at Interpunct I see "e.g. cel la" instead of "e.g. cel·la". --Vriullop (talk) 14:29, 4 April 2014 (UTC)
 * Reported in bugzilla.redhat. --Vriullop (talk) 16:36, 4 April 2014 (UTC)

How to determine which Font are being used in your Browser?

 * In Google Chrome, install WhatFont chrome extension to easily determine what font is being used on your computer when browsing each website. • Sbmeirow  •  Talk  •  16:36, 4 April 2014 (UTC)
 * See Typography refresh/Font choice/Test for instructions on how to use the (Chrome/Firefox) default webdev "Inspector" tool. –Quiddity (talk) 19:23, 4 April 2014 (UTC)
 * And what about IE, Opera, Safari, and other minor browsers?! -- Jokes_Free4Me (talk) 01:01, 7 April 2014 (UTC)
 * I added IE 11 and Opera. It's pretty similar. But IE seems to show only the stack, not which font is really used. --84.164.123.16 15:44, 7 April 2014 (UTC)
 * TY for that. Fortunately, the alternative of "copy-paste into a WYSIWYG text-editor" appears to work okay on identifying which font was actually used. Now there's one thing i'm not sure how to do: inspecting browsers on the Android mobile OS... -- Jokes_Free4Me (talk) 18:25, 7 April 2014 (UTC)

Where to download Fonts?

 * Download Linux Libertine fonts. • Sbmeirow  •  Talk  •  16:36, 4 April 2014 (UTC)
 * Download Liberation fonts. — Edokter  ( talk ) — 19:48, 4 April 2014 (UTC)
 * Download Arimo fonts --217.226.201.21 13:47, 5 April 2014 (UTC)

Another technical approach
It is clear there are some unwanted side effects. This is a result of trying to target all platforms in a single font stack. I really wish there was some mechanism where we could provide each platform (OS) with their own fontstack, so we could avoid fonts ending up being displayed on a system those fonts were never intended for. Does LESS, ULS, ResourceLoader or any ohter component have any such mechanism? — Edokter  ( talk ) — 19:43, 4 April 2014 (UTC)


 * That would be very cool. But if it's not possible or feasible, I would vote for a return of boring Arial to the body text. There are too many problems that can't be swept under the rug (especially the bad looks without anti-aliasing and bad (Polish) diacritics). I would put the text at 1em, and have a line-height of 1.5em. I believe we can't have a font that fails without anti-aliasing. Right now, I believe there are still too many people who don't use anti-aliasing, for any reason. I checked a number of fonts, and it's no surprise that only MS own core fonts still look good if cleartype is turned off... So if it needs to be something else than Arial, Trebuchet and Georgia are also well distributed on Macs. Georgia looks good in long texts, even at small sizes! For Linux, we could keep Arimo / Liberation Sans and Libertine / Lib Serif / Tinos in the stack. --87.157.78.253 23:05, 4 April 2014 (UTC)

Just another idea: Can CSS be loaded after a cookie has been checked? If that's possible, we could have a style-switching button or menu. It would set a cookie so that the choice gets remembered. --87.157.69.73 20:40, 6 April 2014 (UTC)

non-readable
Please return to previos typography, the new one is non-redable --Vegen451 (talk) 07:31, 4 April 2014 (UTC)
 * Please explain the readability issues you face? Inlcluding your OS and Browser would help us address your issues. Thanks Vibhabamba (talk) 23:37, 4 April 2014 (UTC)

Line height bug?
Line-height seems to be a mess, starting with 1.6em for div#content, then 1.5em for #bodyContent and ending in 'inherit' for 'div@content p'. Has this been thought through? — Edokter  ( talk ) — 14:01, 15 March 2014 (UTC)
 * There is a bug out for this and we are looking into it. Ideally the line height is a bit more open. A core setting over-rides the line height change right now. Vibhabamba (talk) 19:11, 28 March 2014 (UTC)
 * I see the problem now; the 1.6em lineheight shoud be set for, not  . —  Edokter  ( talk ) — 20:15, 3 April 2014 (UTC)
 * Thank you for taking the time to scrub this. Can you include screenshots of what you are seeing. Vibhabamba (talk) 23:43, 4 April 2014 (UTC)
 * It wouldn't show much. Suffice to say, basic body line-height is still 1.5em and not the intended 1.6em. — Edokter  ( talk ) — 23:53, 4 April 2014 (UTC)
 * ( talk ) We can file a bug for this. Vibhabamba (talk) 00:48, 5 April 2014 (UTC)
 * I thought you said there was already a bug for this. Do you have a bug#? Never mind, I opened a bug and submitted a patch. — Edokter  ( talk ) — 15:51, 9 April 2014 (UTC)

My eyes are bleeding
Seriously, this new font is terrible. I can barely get through one sentence of an article without my eyes getting confused. The old font was just fine the way it was, but this new one is simply painful, nigh unreadable. Is there any way for me to revert to the old Wikipedia font? --Samuel Peoples (talk) 00:28, 5 April 2014 (UTC)

Please explain the readability issues you face? Including your OS and Browser would help us address your issues. Thanks Vibhabamba (talk) 00:43, 5 April 2014 (UTC)


 * Actually, as of an hour ago, the font seems to have changed again on Wikipedia. It's still different from the old font, but it's now larger than it was an hour or so ago, and seems more readable. --Samuel Peoples (talk) 02:27, 5 &lt;april&gt; 2014 (UTC)


 * I just noticed this and I want to restore the new type. However it is not appearing in my beta preferences.  This MediaWiki page is displaying with the new type and I would like to make Wikipedia pages do the same as I love the changes. - User:Shiftchange


 * As it is now, the normal text is all in bold in various browsers on Windows 7 and 8 and in any Wikipedia by country I checked.
 * Wiki20140405 ie.png Wiki20140405 gc.png Wiki20140405 ff.png
 * I do not understand how such a major change could be made without regard for how it will look on different browsers and operating systems. It basically messed up every country's Wikipedia on the planet. Cush (talk) 19:46, 5 April 2014 (UTC)

How do we know how many people opt out?
There is some considerable feedback from the community. I personally don't like this change at all, but let's be constructive: how do we know how many people opted out of this change? Couldn't this be made a "Beta feature" on by default (if you insist), but it is possible to turn if off and quantify (say, among most recently active contibutors)? « Saper // talk » 16:12, 5 April 2014 (UTC)
 * We can measure gadget use at en:Wikipedia:Database reports/User preferences, but it is not update very often. — Edokter  ( talk ) — 17:38, 5 April 2014 (UTC)
 * Thanks. This works only for those using the gadget (now available on enwiki and others), but not if anybody applied manual workaround as presented on top of this page. « Saper // talk »  21:53, 5 April 2014 (UTC)
 * We do have live gadget data, see ~liangent/gadget_usage/enwiki_p/. For a complete measure one should "grep" the dumps for css user pages and to count how many new monobook users we got... We can't know how many tell browsers to ignore site-specific font settings though. --Nemo 22:21, 6 April 2014 (UTC)
 * Was 160 there, now 195. --Nemo 13:32, 9 April 2014 (UTC)

Dyslexie & wrong use of serif/sansserif
Two comments: Just my 2 cents. Tjako (talk) 21:23, 5 April 2014 (UTC)
 * 1) Updating fonts could be a great opportunity to choose for use of special dyslexie fonts, which are more easily readable for all people. These fonts are designed for ease of use and look great in print as well as on screen.
 * 2) A mix of serif (in headings) and sans serif (in body and smaller headings) is bad typography, as most experts on layout and typography will tell you.
 * I can only agree that the mix of serif/sanserif fonts is a bad idea and probably the most important reason for people to opt out from this otherwise quite sane change (say I who use Monobook most of the time). /Esquilo (talk) 16:20, 6 April 2014 (UTC)

"BUY NOW BUY NOW" hints a ploy. Seriously, the dyslexie font wants  money  and the font is hard to read, worse than Arimo.

Arial and verdana are  free  and much much better to read.

Freedom and freeness.
 * It's already possible to use a free/open font called "OpenDyslexic" on Wikipedia. Go to a Wikipedia article (e.g. Elephant), go to the left side and scroll down to the languages list. Right next to the top of the "languages" there is a gear icon. If you select the gear icon, there will be two tabs at the top of a window that pops up. Select "Fonts", and then select "Download fonts when needed". This will create a drop-down menu for fonts. There should be at least two options: System font and OpenDyslexic. Then click the "apply" button. πr2</b> (t</b> • c</b>) 23:53, 6 April 2014 (UTC)

Why not use browser defaults?
Would Wikipedia be any worse if the font was "serif" or "sans_serif"? It would lead to some variation depending on the browser defaults. But I assume most browsers use a font that is well readable as default. Could there be problems with non-latin scripts? A browser in China or Korea would have a sensible default font for their language -- or am I mistaken? So we would not have to worry about those things at all. The CSS would only need to define sensible sizes and spacings. These should also be no problem if the units are "em". A line-height of 1.5 or 1.6em would always look good. A margin of 2em would always be well visible.

Is there a list of factory defaults for sans_serif and serif in different browsers? On Win7 most browsers seems to have Arial/Times New Roman. Which is OK, readability-wise and also when it comes to Unicode coverage. And if a user hates these two, it's easy to change for everyone. Sounds like a win-win to me! Btw, if you want to try fonts quickly without starting the web-inspector tools, the "Soma FontFriend" bookmarklet is helpful. http://somadesign.ca/projects/fontfriend/ --87.157.69.73 21:13, 6 April 2014 (UTC)


 * Yes, we have a list. Before this change, Vector fonts were like this: Typography refresh/Font choice. Conclusion of public beta testing has always been that just "sans-serif" (i.e. browser defaults) should be used, see Typography_refresh/Font_choice/Test. --Nemo 22:17, 6 April 2014 (UTC)

Different size of text from one browser to another...
While trying to fill in some gaps of Typography refresh/Font choice/Test, i've noticed something... odd, IMO. Safari uses a smaller font than Internet Explorer 8, (at least for the sans-serif and monospace test cases) even though they both report the CSS as being "2 em". See comparison image on tinypic. On the other hand, i just tried the same procedure on IE9, and while on screen the sans-serif cases 2 and 3 looked the same, and very different from the 1st case, the copy-pasted versions (into MS Word) had used the same Arial font for the 1 and 2 cases instead, leaving Helvetica on only the 3rd case (and all 3 lines looked very similar) -- guess i should make an updated version comparing all three browsers. So now i'm not so sure about the suggestion of "simply copy/paste the text into your WYSIWYG/rich text editor of choice"... I would ask for other people's suggestions on a better such choice of editor, but i've also tried OpenOffice's Writer and it didn't even accept the Clipboard contents. :-| So, yes, i'm interested to find alternatives, but even if they're better for most tasks i can't be sure they will work for this particular issue, of determining on-screen fonts.

Anyway, after so much context given above (since i'm not really sure what i should ask about this situation), i'm wondering whether the fact that the same font with the same style can appear differently based on browser choice, was considered when designing a "one-size fits all" font stack? -- Jokes_Free4Me (talk) 19:04, 7 April 2014 (UTC)


 * I know that you can set a minimum font size in Opera and FF and probably most browsers. So it may be that some browsers have a different default setting already, or that a user has changed it. But as far as I understand it, em is always relative to the default (html? or browser-default?) font size. 1 em is the width of the default-sized "M". An emspace is the same width as an "M", 2em is the width of "MM" etc. If the browser says a default M is 10px wide, em=10px. If it's 16px, then em=16px. Maybe there is an explanation of the technical details on W3C?


 * About the copy-paste thing, I'd do that with Write, but I wouldn't be surprised if it changes something. That method is really a very last resort. Maybe it would be better to zoom the browser window very much bigger, and then use an rich text editor to compare the possible fonts. Arial and Helvetica can be told apart quite clearly (see http://www.marksimonson.com/notebook/view/how-to-spot-arial ), but Arimo and Liberation Sans are practically the same fonts.--84.164.123.16 21:33, 7 April 2014 (UTC)

Edokter

 * Cross-posted on 63512

I was not enthausiastic in the beginning, but was willing to give it a try. But now that it has gone live, there are simply too many issues that were not anticipated (even by me). I am going to list all the issues:

Free fonts render bad on Windows (at least without font smoothing)
Even though font smooting has been the default since Vista, I was suprised to see how many people have it disabled (for whatever reason). I don't know how many exactly, but the response suggests it is not a negligable part of our readers.

Only fonts made by/for Microsoft have been hinted for screens without font smoothing or ClearType. Other FOSS fonts are hinted but only for scenarios with font smoothing enabled, not for 'grid display' (pixel display hinting).

But not only free font are a problem; There are very bad copies of Helvetica floating around (HP printer drivers for example) that display atrocious with or without smooting. That means carrying Helvitica in the font stack also carries the risk of bad display.

Only Latin script is targeted

 * See also 

That means only languages based on Latin, and perhaps Cyrillic, could benefit from the typography refresh. Other scripts, most notably, Hebrew, CJK, Hindi, Arabic and all other non-Latin based scripts that usually depend on ohter fonts such as David, Batang and MS Gothic on Windows for proper display, have *never* been considered. This is perhaps the largest oversight of all.

In conclusion, it is impossible to target *all* platforms *and* scripts in one single font stack. And I believe we should no longer try. There is not going to be a 'solution'; we are not a "single language" website, where typography has much more freedon because it only has to deal with one script or language.

I am now convinced that a single font stack for a website, or more specifically, the software running that website, that has to deal with the *most* languages and scripts then *any* other website, is simply not possible.

Each project should have the freedom of choice to decide on their own font stacks to suit their needs as best they can. From the point of view from MediaWiki, that means it should not force any specific font at all.

Has this been for nothing? I don't think so, because we could learn a lot from this and perhaps work on other solutions to help each project with their typography. But in its own right, the "Typograhy refresh" has failed as an practical solution. — Edokter  ( talk ) — 20:33, 7 April 2014 (UTC)


 * Thank you for this summary, very well done. I agree completely.
 * My personal summary would be: First I noticed something different with the fonts, they looked good, I liked it. Out of curiosity I looked for any announcements about the changes, and found the signpost and the pages here. Then I read about people's complaints and did some tests and saw that they were not exaggerating. So even if on my system everything was fine, a change that brought huge problems to others was not a good idea.
 * If Mediawiki has a default font, it should be the lowest common denominator, "sans_serif" (because the other option "serif" often means "Times New Roman", and that needs to be larger to be well readable on a screen).
 * It would be great if MediaWiki could offer help to all the regional wikis on how to set up a good solution for their typography. Typographic finesse is also in the sizes and relations of elements. That's what can be tweaked independently from the display font. --84.164.123.16 21:51, 7 April 2014 (UTC)


 * Agreed with Edokter. 84.164.123.16, we've had one positive experience in this area, namely ULS. For ULS, a font is added for a language only when requested, beta tested and confirmed by a language community, so that no font is added that disrupts any language severely. This is a lot of work however and I'm sure it's not going to be duplicated here just for a "typography refresh", so we'll certainly be forced to use the generic "serif" and "sans-serif" in core. We already have a patch: 124475. --Nemo 07:07, 8 April 2014 (UTC)

Update on the body font settings
Hi everyone. I just wanted to let you know that we've updated the body text font settings. Liberation Sans and Arimo are now removed, and the font stack is "Helvetica Neue, Helvetica, Arial, sans-serif". We removed them due to bug 63512, where Windows users (especially those without font smoothing turned on) had significant problems with readability with Liberation Sans or Arimo. Thanks for your understanding and patience so far, as we've worked to address any issues after the new release. Please do let me know if you find the experience improved now, or if you encounter any new issues. <font style="font-family:Georgia, serif;">Steven Walling (WMF) &bull; talk   02:04, 8 April 2014 (UTC)

kerning (Linux/firefox)
For what its worth, here's what I see:



In particular note at the kerning problems on small text (Particularly noticeable for example between the l and the a in disclaimers in the footer). I'm also not a fan of the very narrow stroke width on serif headings. Less objectively, I find it harder on the eyes than what my browser chooses by itself, and quite simply just not as "pretty" as the previous version. As far as I can tell, firefox is chosing the fonts "Helvetica" and "Times", which possibly map to "Nimbus Sans L" and "Nimbus Roman No9 L" respectively. Bawolff (talk) 08:14, 8 April 2014 (UTC)

Why - why - why?
User Nemo asked me to put the comments I placed on the talk page of Steven Walling (WMF) on this page.

Please undo the changes (at least on the Dutch Wikivoyage) as soon as possible. The type face for the top level headings is not acceptable. The reading ergonomics are quite poor. Look at the way the numbers are presented. Also the high characters are too much higher than the other characters. This makes it acceptable for the page title, but not for the "==heading==" that is used more often on a page. --FredTC (talk) 07:33, 5 April 2014 (UTC)
 * Hey : you might be interested in the rationale for the new headings which is detailed at the FAQ. Thanks, <font style="font-family:Georgia, serif;">Steven Walling (WMF) &bull; talk   21:12, 5 April 2014 (UTC)
 * I did read the FAQ, but it does not explain several things that are the most disturbing:
 * Why are H1 and H2 serif, and H3, H4, H5 sans serif on laptop/desktop (looks ugly), and why is H1 - H5 always serif on android smartphones (looks much better)?
 * Why does "18 Lettertype veranderd" have to look like "1 8    L  e tt er t y p e veran  d  er  d  "? The big difference between high letters and low letters makes it difficult to read. It could be OK if it appeared just once on a page like H1, but with H2 also in this type face the readibility becomes a problem.
 * Why does "5 DSM" have to look like "5 DSM"? I found out how this is called, and reading the article on Wikipedia about it, I learned that it is described in terms of "old style", "antique figures", "medieval". All words that say "not of modern times". So why is this type face selected? --FredTC (talk) 11:10, 6 April 2014 (UTC)




 * FredTC, I suggest you to ask these questions on mw:Talk:Typography refresh: Edokter (an en.wiki admin) is very helpful in answering, see for instance mw:Talk:Typography refresh. --Nemo 13:18, 6 April 2014 (UTC)

--FredTC (talk) 13:47, 8 April 2014 (UTC)

Nimbus Sans L
Today we spent some time testing a stack that puts Nimbus Sans L first, before Helvetica Neue. This is the font that currently most Linux users (we've tested on Ubuntu and Debian) are getting via matching to Helvetica regular. The thing we tested for primarily is how this font renders on Windows, for the users who may have it. So far it unfortunately appears that for Windows users with ClearType turned off, Nimbus Sans also suffers from bug 63512, like Liberation Sans does. (Screenshot from a Windows 7 machine I have for testing).

I would like to keep trying to find a freely-licensed font that A) matches the other neutral sans-serifs that we have specified and B) which we feel comfortable putting first in the stack, meaning that it renders well on Windows, Linux, and Mac on major browsers. So far we are still coming up short. <font style="font-family:Georgia, serif;">Steven Walling (WMF) &bull; talk   02:20, 9 April 2014 (UTC)
 * Have we tried Open Sans and Droid Sans? These two fonts are becoming increasingly popular and more present on newer systems from what I remember seeing. I believe both are freely licensed under the Apache License. --GeorgeBarnick (talk) 02:33, 9 April 2014 (UTC)
 * Thanks for the good ideas. We've considered Open Sans in the past, but I believe it was rejected because Open Sans is a very different style of sans-serif than what we're shooting for with our design goals. It's a humanist sans-serif more akin to Verdana or Tahoma, rather than a more neutral Grotesk-style sans like Helvetica. Droid is not something we've talked about, though it perhaps seems odd to choose Droid Sans but not Droid Serif. can you comment more? <font style="font-family:Georgia, serif;">Steven Walling (WMF) &bull;  talk   03:33, 9 April 2014 (UTC)
 * GeorgeBarnick, Steven Walling (WMF) We are looking for open source alternatives that are stylistically close to the neutral characteristics of the letterforms most users see today. Both Arial (Default on Windows), Liberation Sans (used on linux), Helvetica (Default on Mac os) have good good x heights and look like derivatives or relatives of each other to readers. Open Sans, Droid Sans have very strong stylistic forms which create an inconsistent experience. There is a strong departure from what traditional Wikipedia feels like. Vibhabamba (talk) 08:41, 10 April 2014 (UTC)


 * Can I ask, where did you source the Nimbus fonts for Windows? I do not know of any software for Windows that bundles it, and I could barely find an up-to-date Ghostscript package containing the TTF versions, and I'm a font hoarder that knows how to find fonts! Also, the font-family names don't even match ('NimbusSanL' instead of 'Nimbus Sans L'). In other words, I believe that hitting a Windows system with a working copy of Nimbus Sans L is next to zero. Unless I'm wrong here, I think it is actually very safe to start with Numbus Sans L. — Edokter  ( talk ) — 09:42, 9 April 2014 (UTC)
 * OK, I found the GhostScript installer for Windows, same TTF fonts. It is still designated 'NimbusSanL', so no problem there. It also used to be installed with older versions of OpenOffice, but have since been replaced with Liberation/DejaVu fonts. So I'm still wondering how you managed to make "Nimbus Sans L" work on Windows. — Edokter  ( talk ) — 10:56, 9 April 2014 (UTC)


 * What if you move Nimbus Sans L to be the last on the font stack? On linux systems, thanks to the powerfull fontconfig, glyphs are automatically mapped to Nimbus Sans L or Liberations Sans if Arial isn't installed. For glyphs that aren't included in Arial, fontconfig will then use Nimbus Sans L. And on Windows nothing will display in Nimbus Sans L. Schulu (talk)
 * Are you saying you would prefer Arial (if installed) over Nimbus Sans L on Linux? — Edokter  ( talk ) — 14:24, 9 April 2014 (UTC)
 * Yes, I am. We have to face the fact that the majority of the users is on Windows. The differences between Arial and Helvetica (Nimbus Sans is a clone of it) is negligible and I bet most of the users can't see them on a Linux system. And on Windows the rendering of Arial is far better then the rendering of Nimbus Sans. The only problem that could rise is that the version of Arial in the core fonts package (which is in most repos of Linux distributions) is quite old and hasn't as many glyphs as the newer versions on Windows. But as I mentioned above, fontconfig will replace the missing glyphs with glyphs from Liberation Sans and Nimbus Sans. So I suggest the following font stack:  --Schulu (talk) 07:28, 10 April 2014 (UTC)
 * I did two comparison shots, one with Arial, the other with Nimbus Sans on a Linux System with RGB subpixel smoothing and slight hinting. Can you tell which screenshot shows Arial and which Nimbus Sans? http://imgur.com/rKvaYUA http://imgur.com/0uiQ8eE --Schulu (talk)
 * That is remarkably close (but the first link is Arial) and I don't see any difference in rendering. In that regard, and noting Nimbus has better glyph support then the core fonts Arial version, and the fact that many user prefer free fonts, I would not recommend putting Arial before Nimbus Sans. My recomendation would be (for Latin): . —  Edokter  ( talk ) — 12:14, 10 April 2014 (UTC)
 * Yes, it renders the same, but that's on a Linux system. If we put Nimbus Sans first, then Windows users would face this rendering: http://i.imgur.com/pAHTu1f.png And that just looks bad. It looks better on browsers with Direct Write enabled like Firefox and IE, but considering Chrome has now a major user share and still relies on old GDI rendering on Windows we can't put Nimbus Sans first until Google fixes this bug/feature request: https://code.google.com/p/chromium/issues/detail?id=137692 --Schulu (talk)
 * That is why I asked Steven where he found Ninbus Sans L for Windows. Apart for maybe some very old OpenOffice installations, the only other option to install the Nimbus fonts is through the Ghostscript drivers for Windows, which I think is next to zero. And even then, the font-family names do not match. There is no dedicated software installation for Nimbus fonts that I know of; only those knowledgable about those fonts may have installed them. — Edokter  ( talk ) — 13:20, 10 April 2014 (UTC)

Body font size is too large
So I eventually found a link to this page. I will re-iterate what I posted at Village pump (technical): "I don't think Wikipedia should appeal to people with an attention span of barely a paragraph or 140 characters. The larger font size requires way too much scrolling and eye movements. At least be consistent and reduce the font size of the other text on the page as well so I can use the browser's zoom functionality to get a readable appearance." So why did you only increase the text size of the body while all the other text on the page (side bar, buttons, references in the page, etc.) remain at their old sizes? If at least I could zoom out in my browser, but now whatever zoom setting I choose (100% or 90%) either the body text is too large or all the other text is uncomfortably small. 130.83.33.136 21:12, 9 April 2014 (UTC)
 * I believe they avoided changing the site-sidebar font-size, because that would lead to line-wrap issues at many (if not most) wikis. One of the earlier iterations did change that aspect, and resulted in numerous complaints, eg this thread and screenshot from November.
 * The current change to the body size (from 0.8em to 0.875em (essentially going from 12.8px to 14px)) is a better default for accessibility, and has led to a lot of comments about "not having to squint anymore". I think we'll eventually need a more customizable interface (eg this menu as seen at NYTimes), but this change will benefit a lot of readers/editors in the meantime. (I understand where you're coming from - I prefer paperbacks with very small fonts, to hardbacks with larger fonts - but I also believe this change is for the general good). Hope that helps. –Quiddity (talk) 22:03, 9 April 2014 (UTC)

Pretty stock Windows XP machine
Just two screenshots:





This is   on a pretty stock Windows XP (with updates). Especially annoying on Sony Vaio VGN-Z21WN crispy, high-DPI screen. « Saper // talk » 22:44, 9 April 2014 (UTC)


 * You have some version of Helvetica installed. Also, turn on ClearType; this is pretty essential, especially on HiDPI screens. — Edokter  ( talk ) — 23:23, 9 April 2014 (UTC)

I can try cleartype with IE8:



Also cleartype disabled there (similar to Chromium issues above)



I don't know why having Helvetica installed breaks display of MediaWiki content so bad; also ClearType is difficult to enable on this OS and until now it wasn't really necessary. ClearType looks better in this case but overall look is amateurish. « Saper // talk » 10:16, 10 April 2014 (UTC)


 * There are many bad Helvetica knock-offs floating around the net, and some HP printer drivers also installs a badly designed copy. (Basically, only versions by Linotype are decent.) Simply removing such a font will usually fix that issue. — Edokter  ( talk ) — 12:27, 10 April 2014 (UTC)