Showing posts with label web fonts. Show all posts
Showing posts with label web fonts. Show all posts

09 October 2016

[type] Google/Monotype's Noto project: A Half-Gig of Free OTF Fonts To Get The Tofu Off Your Screen

3391.
Add to the list of logisms about the type tofu. Any time a computer displays web text, and the fonts on your system don't carry the glyph that the content requests or (worse) doesn't have the font at all, you get small boxes (most of the time) as place holders for the letter from the computer would draw if only it knew how.

For your device, it's a teachable moment. You learn it up by downloading a font, installing, and refreshing the font cache, usually by closing and relaunching the app. To he right of this Latin text you'll see a illustration from Wikipedia's article on the Deseret Alphabet before installing a font that has those glyphs defined.

That's tofu, intermountain-West style.

This is an issue that has developed as more information that didn't come from a core early compuiting constituency … Latinate-script using Westerners … came under the unblinking gaze of the Earth's developing, evolving technological consciousness. A lot of things, like the Deseret Alphabet or the Shavian script, were invented, not evolved and extant at the time computers began developing, and a lot of encodings weren't thought of at first. So, you'll go to the Wikipedia page on Shavian without the proper font file installed and come up with a case of tofu, all nicely arranged in boxes:

Yummy tofu, Shavian style

Which fill in quite nicely once a font file, such as andagii_.ttf is installed and recognized:

Fully cooked, Shavian in all its odd glory
It's a problem that you'd think that Google, with its Borg-like focus on assimilating information and returning it in a usable format, would be thinking about, and you'd be right about this.

Just announced and made available, the collaboration between Google and font foundry Monotype has goal that is simple if huge; eliminating tofu from your screen.  From the Google Developers' Blog:
Five years ago we set out to address this problem via the Noto—aka “No more tofu”—font project. Today, Google’s open-source Noto font family provides a beautiful and consistent digital type for every symbol in the Unicode standard, covering more than 800 languages and 110,000 characters.
There are, at this writing, 114 Noto fonts including Devangari, Cuneiform, CJK, Osmanya and, yes, Deseret and Shavian. Installing the extant Noto fonts should cover you in a variety of situations so wide that the average user stands more of a chance seeing tofu in their stir-fry, where it belongs, rather on their screens.

The biggest news for the font-avaricious is, perhaps, that the entire Noto family is free to download and use as thou wilt, and is licensed under the SIL Open Font License. That means they're free to download and use in any way you deem necessary; not only free as in Open Source, but free-as-in-free-beer-free. The whole zip archive is close to a half-gig of free fonts; the design, as seen in the illustration a the right, isn't out to be flashy or game-changing; the basic Noto Serif and Noto Sans are good, basic book-hands, meant to be pleasing to the eye but not to be the star of the piece. It's meant to harmonize, not to dominate.

The Noto Project's website is https://www.google.com/get/noto/ : this'll take you directly to a download page where you can download any number of the available font files or the whole thing at a go (about 473 MB worth). It's totally and wholly up to you, font explorer.

26 June 2012

[web_design] OregonLive Redesign: Say Hello To My Prelo-Slab Friend

2847.In case you've somehow, during the past day, not dialled-up OregonLive, the The Oregonian-ish website run by Advance Publications, The Big O's parent, you're in for a surprise, boy-o.

If you've sworn off OLive (as some I know have), here's what you're missing:


A cleaner, leaner design. A big, meaty guts-column of real-time-updated stories, theme selectable by a drop-down (Top Stories/News/Sports/Entertainment/Opinion). A buff-colored, spacious header that extrudes into the page as you scroll down.

Departments? They got'em:


Each one of those blue buttons open a dialog that allows you to select criteria, you click a search-button, and it's off to the races. This is all below the "fold" in the right-side column. Below this, you'll find a most read/most commented block, and at the footer, direct links to direct sections.

One of the biggest complaints about OLive over the years it's existed is its clutteredness. It was not the most useful of interfaces, and unless you knew what you were looking for, you could indeed get lost while looking for what you were (or weren't finding). The most irritating thing to me was the center, where sports stories were thrown together in a mixed-hierarchy goulash. While the sections were laid out across the top, it was a matter of guessing to see to it that you picked the right one to drill down into.

This is, indeed a better design. Although the menus that would explode into the screen when you merely moused over the section titles along the top were a little tough to get use to … well, all interfaces have a learning curve. This one's mercifully short. I already, after just a few minutes, know where I want to go to get what I want to know. The clean, clear, and organized look of the site is a refreshing change from the gallimaufry chaos of the original OLive.

The most striking feature of the redesign, and the one that leaps right out (and almost grabs you by the throat), is that heavy, authoritative font. It's called Prelo-slab, you can find some here, and boy is it an aggressive look in the application. It almost dares you not to click it. Actually, in the ways it's being used, it comes off as a little too heavy; I note, at the vendors page, there's maybe another weight I'd use for those headlines.

But you know what? I like the redesign.

Although, biggest flaw? For a few minutes I thought I'd stumbled into some big ol' Reddit.