Earlier quoted context omitted.
Get an OS that cares about how type looks on screen.
Or designers can use fonts which works for all operating systems and browsers.
Which fonts a work for all operating systems and browsers?
Web Design is 95% Typography
41–50 of 87 posts
Re: Web Design is 95% Typography
#42That website is impossible to get a quick overview on for me. Those centered lines looked like "thoughts" at first but it seems they are subheadlines? The whitespace feels all weird to me. The text is very huge and uncomfortable. The content itself is badly written (and to me, liking reading something is important. Surely the author's name is "Oliver Reichenstein" not "oliver reichenstein" as the font looks like. Ran…
Regarding the type being large, iA have very good reasons for that being the case, which they outline very clearly in another article [1]. [1] http://informationarchitects.net/blog/100e2r/ "The 100% Easy-2-Read Standard"
That says it is the browser default size and that is not correct. Here, check it out: http://pastehtml.com/view/cc5nellwp.html
First line uses your browser's default. Second line is their setting (~21px).
Such huge text is definitely not easy to read for me on any of my devices.
Re: Web Design is 95% Typography
#43Web design is 95% typography and 100% content. I can't tell you how many times we have to design without knowing the actual CONTENT or text and we're forced to dropping Lorum Ipsum (fake text) in the designs. Not knowing the text stops us from knowing the USER, the target audience, and the entire REASON for the website. Actually knowing the subject, content and text makes the difference between 'nice' and 'functional…
That's absolutely true, but hand on heart, how many Web Designers/Developers here really have a say on when they receive content? The chance to build a design around the content would be a fine thing for many of us.
Yeah, most of them think of their website as a online brochure. Unfortunately that's also how most (print)designers think. They've been doing the Lorum Ipsum Dance for years and years.
Re: Web Design is 95% Typography
#44I've been a proponent of this approach since I first read this article back in 2006, but I think it can be generalised.
The main case to be made is for a methodology of "content out", which is to design the primary content areas of your site before your worry about things like sidebars, global navigation and other decoration. In the case of text-heavy websites such as blogs and news, this means to start with typography - when the content is the writing, the typography is the design.
If you're making a video website, your first step should be to make a great video player, then presumably video description, comments, related videos and finally site-wide design. If you're making a to-do list, make the list look great before you do anything else.
Re: Web Design is 95% Typography
#45At least 50% is making a good fluid (not only responsive) layout, that handles things like large fonts, adjusts to dynamic text, etc...
Ironicly I tend to find "undesigned", plain sites handle such things best.
Doubly ironicly, TFA is not one of them, despite being just a plain piece of text. Fixed width is the tool of the devil.
Re: Web Design is 95% Typography
#46Web design is 95% typography and 100% content. I can't tell you how many times we have to design without knowing the actual CONTENT or text and we're forced to dropping Lorum Ipsum (fake text) in the designs. Not knowing the text stops us from knowing the USER, the target audience, and the entire REASON for the website. Actually knowing the subject, content and text makes the difference between 'nice' and 'functional…
If I still were in "Web design/dev" I would put this in the footer of every mail and papers I send to people I work with.
Re: Web Design is 95% Typography
#47Comically, here's how this is rendering for me using Chromium on Ubuntu: https://s3.amazonaws.com/1overBlog/screenshots/treat-text-as...
Chrome on Linux is a treated as a third class citizen by Chrome developers and it has a crap text layout engine.
Re: Web Design is 95% Typography
#48Earlier quoted context omitted.
Or designers can use fonts which works for all operating systems and browsers.
Which fonts a work for all operating systems and browsers?
Arial, Arial Black, Comic Sans, Courier, Georgia, Impact, Times New Roman, Trebuchet MS, Verdana (...)
HN uses Verdana fyi.
Re: Web Design is 95% Typography
#49Yes, and it will radically change as the web stops being English / Latin alphabet dominated. Typography for Japanese characters is fascinating - three different languages almost, sitting in the same sentence, the cadence of language reflecting in the angles or spacing, the possibilities are an order of magnitude more complex than English - and an order of magnitude more rewarding. http://www.flickr.com/photos/esthet/…
>Yes, and it will radically change as the web stops being English / Latin alphabet dominated.
It will never stop being English/Latin alphabet dominated for the English (Americas, Australians, etc) though.
So, it's not like english web designers will see any major change in their work, or english web users...
Re: Web Design is 95% Typography
#50Comically, here's how this is rendering for me using Chromium on Ubuntu: https://s3.amazonaws.com/1overBlog/screenshots/treat-text-as...
Also, no ligature :/ I have ligature on my website by using: text-rendering: optimizelegibility with Computer Modern. For many technical reason, typography on the web is hard. I had written my though about it here (there are images, this is why I simply don't copy/paste): http://yannesposito.com/Scratch/en/blog/Typography-and-the-W...
Nice piece! Love it when someone cares about ligatures! I've actually had clients --big ones-- force me to remove "those crazy letters" in their layout. I couldn't educate them...
Hve you seen http://beta.typecastapp.com/ "Better web type without the hassle" If anyone is going to fix ligatures it's them.
Update: THEY HAVE!!! http://beta.typecastapp.com/blog/fancify-your-typography-wit...