TE
TechEcho
Home24h TopNewestBestAskShowJobs
GitHubTwitter
Home

TechEcho

A tech news platform built with Next.js, providing global tech news and discussions.

GitHubTwitter

Home

HomeNewestBestAskShowJobs

Resources

HackerNews APIOriginal HackerNewsNext.js

© 2025 TechEcho. All rights reserved.

How Typography Affects Readers

45 pointsby ankitoberoiover 11 years ago

10 comments

mahoover 11 years ago
I did not finish that article precisely because of their fonts.<p>When I first opened the page, the text was displayed in a &quot;Times&quot; font, which looked very crisp but surprisingly bland, considering the topic of the text. I have NoScript running and I realized it was probably blocking the script that downloads a custom font. (In this case, &quot;Karla&quot; from googleapis.) Digging deeper, their css rules don&#x27;t specify a fallback font (the css file <i>does</i>, but it is overwritten by an inline style), so Firefox defaulted to the &#x27;Times&#x27; font.<p>Ok, I thought, let me see that font-magic they are talking about in action, and I enabled scripts on adpushup.com. The result was... suboptimal. The letter spacing was huge and the fonts were extremely blurry.<p>I probably can&#x27;t blame them for the fact the font displayed blurry. (A Firefox problem? Maybe Windows? I don&#x27;t know what is going on in the background.) But I can, and I do, blame them for not being aware of the blurriness problem (Windows XP + Firefox can&#x27;t be such a rare combination) and for not specifying a proper fallback font.<p>Well, those two things bugged me enough to stop reading.
评论 #6860695 未加载
评论 #6860862 未加载
kszxover 11 years ago
Ironically, the font family &quot;Karla&quot; on that blog makes the text quite difficult to read. (<a href="http://www.google.com/fonts/specimen/Karla" rel="nofollow">http:&#x2F;&#x2F;www.google.com&#x2F;fonts&#x2F;specimen&#x2F;Karla</a>)<p>They might benefit from inspecting their own quotations more closely: &quot;when it is a good design, the reader has to feel comfortable because the letter is both banal and beautiful.&quot; (Frutiger)
JeroenRansijnover 11 years ago
I don&#x27;t agree with a lot of the explanations&#x2F;guidelines this article gives.<p>An actually good article about guidelines for Typography: [The 100% Easy-2-Read Standard](<a href="http://ia.net/blog/100e2r/" rel="nofollow">http:&#x2F;&#x2F;ia.net&#x2F;blog&#x2F;100e2r&#x2F;</a>)
评论 #6860459 未加载
jakewalkerover 11 years ago
The New York Times ran a series of stories last year by Errol Morris that suggested that the use of certain fonts resulted in the reader being more likely to believe what was written. The articles reference other similar research; I found the whole thing fascinating.<p>Part One: <a href="http://opinionator.blogs.nytimes.com/2012/08/08/hear-all-ye-people-hearken-o-earth/" rel="nofollow">http:&#x2F;&#x2F;opinionator.blogs.nytimes.com&#x2F;2012&#x2F;08&#x2F;08&#x2F;hear-all-ye-...</a><p>Part Two: <a href="http://opinionator.blogs.nytimes.com/2012/08/09/hear-all-ye-people-hearken-o-earth-part-2/" rel="nofollow">http:&#x2F;&#x2F;opinionator.blogs.nytimes.com&#x2F;2012&#x2F;08&#x2F;09&#x2F;hear-all-ye-...</a><p>[EDIT: And of course, now that I dig into the article, I see that it references these Errol Morris articles, too.]
RamiKover 11 years ago
I&#x27;ve personally seen proper typesetting with Baskerville or Computer Modern using TeX changing &quot;needs more work&quot; draft essays into an &quot;Excellent&quot; mark without content changes. More so, just using paragraph indentation instead of spacing was enough at times.
exizt88over 11 years ago
Any article on typography that uses word shape as an actual model of word recognition instantly loses my attention. For better approaches, see <a href="http://www.microsoft.com/typography/ctfonts/wordrecognition.aspx" rel="nofollow">http:&#x2F;&#x2F;www.microsoft.com&#x2F;typography&#x2F;ctfonts&#x2F;wordrecognition....</a>
cpsempekover 11 years ago
Does anyone know if the laws that require tobacco companies, for instance, to place health warnings on cigarette boxes also specify the appearance of the label (e.g., font family or size). If not, this article seems to suggest that companies should seek out typography, such as comic sans, that would lessen the negative effects of such labels.
thenerdfilesover 11 years ago
How do dyslexic fonts like OpenDyslexic[0], Eulexia[1], and AlphaSymbolic[2] fit into all of this talk on normative typesetting ? And the internal rift of Open Source latent to this discussion, with fonts like Dyslexie[3] ?<p>The underlying question here is the need to expose and enhance accessibility around typefaces and metanotational typefaces. I believe that we should not design to our demographic, because how do we truly know? Rather we should make it possible for our demographic, whoever it is, to preferrentially set typefaces to their cognitive and aesthetic needs, to shape the stage of reception.<p>I say this primarily for the fact that many designs I do come across in websites, once I apply a font like OpenDyslexic using browser extensions, for instance, those designs fail, become distorted, elements shift about, become hidden or obscured, etc.<p>Adding to that: what about color? Contrast? Do certain fonts work better on inverted or otherwise?<p>I want to ask: What if that Higgs boson article had been set in OpenDyslexic? I run a similar experiment on my own blog[4], where I set a font tailored for dyslexics as the primary font (with hooks to change contrast and to set AlphaSymbolic in the &quot;sticky footer&quot;): I receive similarly negative responses.<p>Does our industry even have the conceptual layout to meaningfully ask these types of questions, and does it have the economic and aesthetic infrastructure to initiate and sincerely act upon whatever answers and strategies we decide upon?<p>[0]: <a href="http://opendyslexic.org/" rel="nofollow">http:&#x2F;&#x2F;opendyslexic.org&#x2F;</a><p>[1]: <a href="http://antijingoist.github.io/Eulexia/" rel="nofollow">http:&#x2F;&#x2F;antijingoist.github.io&#x2F;Eulexia&#x2F;</a><p>[2]: <a href="http://antijingoist.github.io/AlphaSymbolic/" rel="nofollow">http:&#x2F;&#x2F;antijingoist.github.io&#x2F;AlphaSymbolic&#x2F;</a><p>[3]: <a href="http://www.studiostudio.nl/" rel="nofollow">http:&#x2F;&#x2F;www.studiostudio.nl&#x2F;</a><p>[4]: <a href="http://webjournal.nerdfiles.net/the-semantic-web/" rel="nofollow">http:&#x2F;&#x2F;webjournal.nerdfiles.net&#x2F;the-semantic-web&#x2F;</a>
评论 #6860379 未加载
dingalingover 11 years ago
Is it possible to determine what proportion of browsers actually accept the specified fonts and colours into which designers pour so much time and thought?<p>&#x27;Ignore fonts specified by websites&#x27; is one of the quickest usability configurations, particularly for people with impaired vision.
JoeAltmaierover 11 years ago
I&#x27;m not sure about the &#x27;research&#x27; part of this article. That Twitter exploded when Higgs was announced in Comic Sans? So what? Its a hot button, and a flash-mob flaming on it is not much of a datapoint.
评论 #6861293 未加载