Habari Project website font broken in Chrome

[Drew Heath]

Hello again,

On three different computers I own, when viewing HB.org in Chrome, the font has these godawful pips atop each letter. They don't appear in Firefox or IE on the same computers.

Certain zoom levels show pips (including 100%), certain zoom levels don't.

Please see attached PNG. The site is very difficult to read because of this.

- Drew

[Michael C. Harris]

Looks fine to me at all zoom levels in Mac Version 28.0.1500.95.

> --
> --
> To post to this group, send email to habar...@googlegroups.com
> To unsubscribe from this group, send email to
> habari-dev-...@googlegroups.com
> For more options, visit this group at
> http://groups.google.com/group/habari-dev
> ---
> You received this message because you are subscribed to the Google Groups
> "habari-dev" group.
> To unsubscribe from this group and stop receiving emails from it, send an
> email to habari-dev+...@googlegroups.com.
> For more options, visit https://groups.google.com/groups/opt_out.
>
>



--
Michael C. Harris
http://twofishcreative.com/michael/blog
online: michaeltwofish

[Chris Meller]

Same here. I've seen that happen before on other sites, but no idea what could be causing it...

[Les Henderson]

I've noticed it from day one on Firefox but figured it was just my bad vision, my settings, or fruit flies from my wine glass.

http://habariproject.org/user/themes/hipo/style.css has

/* HPO Styles */

body {
	background: rgb( 236, 233, 226 );
	font-family: "Montserrat";
	-webkit-font-smoothing: antialiased;
	color: #222;
}

but I have no idea how that relates to anything.

http://stackoverflow.com/questions/3451541/css-font-face-anti-aliasing

Hopefully I can annoy Owen enough with my unbounded ignorance to return to your aid, if only to remind me of how little I can possibly ever know. Don't let me ever stand in your way.

Seriously Ringmaster, please come back into the daylight even though I'm sure you've been working night and day on Habari and are just about to release version 2.0

You've got several new eager people who have yet to experience your exceptional gifts and insights. We all miss you.

[Les Henderson]

I see that Colin Seymour

Removed -webkit-font-smoothing: antialiased; it makes monospace too thin.

at https://github.com/lildude/habari-html5-boilerplate

Perhaps he knows why the pips are appearing?

[Chris J. Davis]

What OS are you on?

I would imagine it is Windows, and what you are experiencing is the font rendering that happens there. The site is fine on Chrome, Firefox, etc on Mac and Linux. Nothing we can really do about the way windows smooths fonts included via font-embed.

--
--
To post to this group, send email to habar...@googlegroups.com
To unsubscribe from this group, send email to habari-dev-...@googlegroups.com
For more options, visit this group at http://groups.google.com/group/habari-dev
---
You received this message because you are subscribed to the Google Groups "habari-dev" group.
To unsubscribe from this group and stop receiving emails from it, send an email to habari-dev+...@googlegroups.com.
For more options, visit https://groups.google.com/groups/opt_out.
 
 

<broken_font_in_Chrome.png>

[Les Henderson]

Ha. You guessed it. XP. Not that I've ever seen the problem on any other site I visit.

Who wants that user's market anyway?

Off with their heads. Or make them think they are going blind. Even better.

[Chris J. Davis]

Yes Les I don’t care, a bit, about supporting an OS that has been discontinued and non-supported for years. We support, as much as possible, modern operating systems, modern web browsers, and modern technologies. It is in our mission statement. From the first day.

[Chris Meller]

I'd like to know whether that's the same OS Drew originally reported it on.

FWIW, I know I have seen this on other sites in Chrome on a Mac. Of course I don't see it on ours, and I still have no idea what would cause it.

[Drew Heath]

Win7 here, font looks "pippy" in Chrome on 3 different Win7 computers (1 lappy, 2 desktops). Firefox and IE look fine.

[Chris J. Davis]

Thanks!

Could you open an issue for this at https://github.com/habari/hpo/issues please?

[Drew Heath]

I'll do it tonight. Thank you.

[Chris J. Davis]

No, no thank you.

[David Golding]

On win8 looks choppy on both FF & Chrome

[Chris Meller]

That's Windows' "font smoothing" (or lack thereof) for you. Choppy is expected, "pippy" not so much, really.

On Fri, Aug 9, 2013 at 9:42 AM, David Golding <33v...@gmail.com> wrote:

On win8 looks choppy on both FF & Chrome

--

[Drew Heath]

Same problem I have, David. Each letter is graced with a pip on the top. I don't get it in FF though.

[Colin]

I wonder if this is this known issue with Chrome on Windows:

https://code.google.com/p/chromium/issues/detail?id=137692

The theme only supplies the TrueType version of this font.  Maybe we need to add the svg version and bump it to the top of the list.

Colin Seymour
Blog: http://colinseymour.co.uk
Tech Stuff: http://lildude.co.uk
Barefoot Running: http://barefootrunner.co.uk
IRC: lildude #habari

[Chris J. Davis]

I have just updated the theme to pull in the font in question directly from Google using a woff instead of a TT. At this point, given the rendering bugs in Chrome, and the fact that Google doesn’t provide a separate SVG of their fonts, this is the best we can do.

[Les Henderson]

Slight chop, no pips. Much better on FF XP.

[David Golding]

On win8 chrome, firefox and opera have the pips.

IE looks kindof ok, attached screenshot

PS the icons also look offset and have the jaggies, worst is FF

best regards/ David Golding
www.33volts.co.uk

--
--
To post to this group, send email to habar...@googlegroups.com
To unsubscribe from this group, send email to habari-dev-...@googlegroups.com
For more options, visit this group at http://groups.google.com/group/habari-dev
---

You received this message because you are subscribed to a topic in the Google Groups "habari-dev" group.
To unsubscribe from this topic, visit https://groups.google.com/d/topic/habari-dev/cQ1dTuf4dCA/unsubscribe.
To unsubscribe from this group and all its topics, send an email to habari-dev+...@googlegroups.com.

[Drew Heath]

So at this point consensus is the pips are a feature? ;-)

You received this message because you are subscribed to the Google Groups "habari-dev" group.

To unsubscribe from this group and stop receiving emails from it, send an email to habari-dev+...@googlegroups.com.

[Bryce Campbell]

Probably a feature of the new virus from Microsoft, known as Windows 8.

[Christopher Davis]

I haven't actually pushed any changes to the server, so it's a little early to declare anything. 

Sent from my iPhone

[David Golding]

When I first saw the new site months ago awful as it was, I actually thought the pips where intentional, such is my high trust of habari and belief that everything it stands for is the highest is quality.

 

Out of thousands of sites including wordpress.org I've never seen such bad font rendering.

/David

"Habari looks great on any screen"

[Bryce Campbell]

Well, it is bound to be like that, especially since they are using CSS3 and HTML5. I have no opinion on CSS3 right now, but there is one thing that was considered for HTML5 that make me want to stick with HTML 4.

[Christopher Davis]

No, the consensus is we need an issue opened so it doesn't get dropped, an we need to see what we can do to remedy it. I have already made one change that will hopefully help. 

It take some to diagnose these things and sometimes the solutions aren't supportable, depending on a number of factors. Not to mention known bugs in browsers. 

If you would like to take a stab at fixing it, please do. 

Patches are alway welcome. 

Sent from my iPhone

[Chris Meller]

Whether or not the WOFF change helps, this doesn't surprise me. IE, of course, supports Windows' anti-aliasing best. None of the results are a shock... That said, the change CJD already pushed (that's not deployed yet) should take care of most of the pippyness. Just don't expect it to look as smooth and attractive as it does on the Mac...

[David Golding]

A quick fix just looking at /themes/hipo/style.css I see the paired font OpenSans is already loaded with Montserrat. Using OpenSans on p and ul dramatically improves the look, feel and readability of the site IMHO

[Chris Meller]

I've pulled down the latest updates on hp.o. It looks like there might have been a small improvement in some of the text using Chrome on Windows, particularly the smaller type, but it's still clearly messed up on the "Habari is a next-generation publishing platform" bit.

[David Golding]

@lildude that threads a good read :-)

"The irony of Chrome not rendering Google Web Fonts correctly when even IE6 can is amazing!"