Welcome to Typophile
Please Sign in.


Can't find Penumbra as a web font

Probably shouldn't be surprised, but it's the firs time it's happened. Working with a typeface across a new brand (in this case, several cuts of Penumbra) and go to try and extend the licence to web usage. And I can't find the option anywhere. Myfonts don't allow webfont purchase for Adobe fonts, same on Fontspring, but when I look on the Typekit (which according to the Adobe site: 'All of Adobe's fonts are now available on Typekit.com as part of the Typekit subscription library'), it's nowhere to be found.

handling webfonts in various browsers and devices

Hi guys (and girls)

Just found the site at an apt time in my life, so hoping to learn something and share ideas. Also creating my first font after 15 years as a professional digital artist (shameful, yes) but that's another topic.

I searched the forum but didn't see anything about this in the results. Wasn't sure if it should go in Design section as it's more general to all font use in browsers, especially now with CSS3 and @font-face. Feel free to move it if you like.

Web typography



I'm working on the design of a new online news platform. We want to use innovative ways of browsing through news and create the best possible reading experience on both desktop and mobile devices. I'm looking for information resources on excellent web typography. Can you help me?

Thanks a lot!

Jeroen Disch,
Amsterdam, The Netherlands.

How many variants of a character can you put in a OTF/TTF (web)font?


I'm trying to figure out a way to get multiple variants of a character in one single font file. Or, to put it another way: can I put multiple font families (or weights) in one OTF/TTF file?

My goal is to reduce the number of requests a site has to make in order to retrieve all the used fonts. I'd only need about 40 to 50 glyphs: the alphabet, the digits and the basic punctuation marks. I'm also willing to just use uppercase, so lowercase could be used for a different family.

This is specifically for web use.

To illustrate, I would like to apply one font familty to this container, and have each line show up in a different typeface:


T Y P O P I X O - a new typefoundry with multi-color webfonts


Press / Colleagues / Clients!

Today we introduce Typopixo.

A new typefoundry specialized in multi-color webfonts.
A beautiful and colorful collection of fonts from talented typedesigners and lettering artists from all over the world.
Beautiful to use & easy to install.
Brighten up your blog, website or app!
Please have a look at the website and download a free font for testing.
One small step for webtypography - a giant leap for colorlovers!

A boutique typefoundry specialized in multi-color webfonts.
Contact us via:
Follow us on Twitter:
Find us on Facebook:

Need help finding webfont variations for House Industries Fonts

I am a huge fan of House Industries, having purchased the entire Neutraface family back in 2011. At that time, their webfont FAQ said webfonts were coming "mid-2012". Now it just reads "sometime in the future. I totally get they want to put a quality product out and their are licensing issues and such so that people just don't rip the fonts from your web directory and the foundry and designer gets no compensation.

They do offer print fonts, but one is not licensed to use them in the new @font-face manner. It's OK to make a graphic of every title or whatever you want on your site and display it, but with today's technology, this becomes totally impractical and not really worth my time.

Cloudy with a chance of Gotham.

It’s been raining heavily in New York’s Hudson Valley for what seems like weeks now. Oppressive humidity has blanketed the air with a thickness that thwarts all efforts to be a productive member of society. And the extended forecast doesn’t indicate it is going to end anytime soon.

Today’s long-awaited announcement of Hoefler & Frere-Jones’ Cloud.typography came as a welcomed procrasti-distraction from the constant hum of desk fans, window ACs and cranky, bored offspring.

Asian web font equivalents of Helvetica Neue and Baskerville Italic?


I'm an Asian font newbie utterly flummoxed with trying to find appropriate web fonts for a website.

For western European languages the site will use Helvetica Neue Light, Helvetica Neue Bold and Baskerville Italic.

But the site will also appear in Mandarin, Cantonese, Japanese and Korean, and I'm trying to find web fonts for those languages that are appropriate equivalents of Helvetica Neue and Baskerville Italic.

Googling for recommendations has just confused me further. Some people even suggest there's no sense using web fonts for Asian character sets because the file sizes would be impractically large. Others suggest that italic fonts aren't appropriate.

Can anyone help suggest what approach I should take here?

Any advice very much appreciated.

Web Font Usage - How much is too much?

I have been butting heads with my lead developer lately about how much and how often we should use our brand-approved web fonts. These fonts are Benton Modern and Benton Sans. I would like to maybe even use these fonts for all type on the site instead of trying to pair them with Arial and Georgia. My developer is pushing back because of load time. He'll say "that's a lot of text for a web font"—wanting to only reserve the web font for special instances.

I was under the impression, that once you load a webfont, it's loaded. It wouldn't matter how much you use it within the page. That it would load as fast if you use it for one word, or 1,000 words. We do have a very large site, which is editorial-based with lots of content and I certainly wouldn't want to slow the site down.

Creating Icon font


Hi there,

I am looking for sources and suggestions on creating a font consisting custom icons. It will be for an e-commerce web site. Approx. 30, site specific artworks have to be drawn and executed as a webfont. The icon webfont seems a clear solution for the developers who think to use the full advantage of a leaner CSS.

I am using Fontforge since I have started to draw my own projects with it. But I just can't make any sense on the baseline for artworks. The glyph proportions and icon proportions seem to differ greatly.

Any suggestions or threads directing me to a solution are highly appreciated!


Drag and drop Web-font testing page (Including OT features)


The Font Testing Page is a tool primarily intended for type designers and independent foundries. It can also be used by art directors, graphic designers, teachers and students interested in seeing how a typeface works on the web.

There is a short video at:

Operation is simple:
- First, you must accept the request from the browser.
- Then drag the font you want to try to the upper area of the Testing Page.

Below you will find 8 buttons: Headlines, Text, Lowercase Only, Adhesion Only, Caps, All Caps, Layout and Kern.
- Headlines: Displays examples: 72, 60, 48, 36 and 30 to 12.
- Text: Displays text blocks, from 20 to 10.
- Lowercase only: Displays examples of 72, 60, 48, 36, 30, 24, 18 and 16 to 10.

Ampersand Web Typography Conference


In case you hadn't heard about it, I thought I'd give a mention to Ampersand, a one-day conference specifically focussing on web typography.

It will be held in the famous Brighton Dome Corn Exchange, in the seaside town of Brighton, UK on Friday 17th June 2011.

Ampersand is an affordable one-day event for knowledgable web designers & type enthusiasts. The idea is to represent the overlapping worlds of type design, web design and software, and the event should be a fun day of nitty gritty details from experts in font design & development, typesetting & font usage, browser implementations, and with glimpses of a bright typographic future.

The line up will be:

* Vincent Connare
* Jon Tan (web designer & cofounder of Fontdeck)
* Jonathan Hoefler
* David Berlow

Ampersand Conference

Indices : Conferences : Ampersand Conference

Ampersand is a conference specifically focussing on web typography. It is held in the Brighton, UK and organised by Clearleft, a web design consultancy based in Brighton.

Ampersand is billed as:

An affordable one-day event for knowledgable web designers & type enthusiasts.

The inaugural event will be held on Friday June 17th in the Brighton Dome Corn Exchange, Brighton, UK.

The line up will be:

  • Vincent Connare, creator of Comic Sans
  • Jon Tan, web designer at Analog & cofounder of Fontdeck
  • Jonathan Hoefler, president of Hoefler & Frere Jones
  • David Berlow, type designer & cofounder of The Font Bureau

Building TTF fonts for @font-face


Does anyone have any tips on creating TTF files for @font-face usage? I have a script going in fontforge to generate all the basic formats for online (ttf,eot,woff,svg) but my one issue is how to get the TTF into a protected format. I have seen people export the TTF before where you cannot just open it locally, or install it. I know its not 100% bullet proof, but I am just curious does anyone know how to do this, preferably in fontforge?

Seeking good, condensed handwritten font with Cyrillics


Hi, all.

I'm seeking a nice/good/usable, reasonably condensed handwritten font which includes Cyrillic characters.
Having a good level of readability at smaller sizes would also be a bonus (allowing for longer strings within limited title space — hence condensed).

Examples of what I mean by 'nice/good/usable'…
Nothing too scrawly. No classic/classical scripts.


^^ Suomi Hand Script would be a great choice if it had Cyrillics chars.

Many thanks for any recommendations y'all can share.

Explorations in Typography


Explorations in Typography: Mastering the Art of Fine Typesetting (A Visual Textbook for Intermediate to Advanced Typography) is a new book by Carolina de Bartolo with Erik Spiekermann. An extensive collection of beautiful typesetting examples that allows the student of typography to “learn by looking,” it is sure to be instructive and inspirational to anyone who sets text type.

Visit the interactive companion website at: http://explorationsintypography.com/

:: 9.25 x 12 inches (oversize)
:: casebound with ultra-thin bookboard, so it’s lightweight despite its size
:: yellow gilded edges
:: 188 pages
:: 2 colors throughout

Key features

Which webfonts are best suited to rendering small text across all browsers?

Hi Typophile,

After trying out TypeKit last year and deciding that it was a bit too bleeding-edge to be of use to me at that time, I've jumped back in with another investigation of the now numerous webfont vendors and services available online. I've checked out FontDeck, Typotheque, and WebType. So far I've been avoiding TypeKit because I prefer a not-javascript-dependant solution.

A major frustration for me is the seeming lack of information regarding which typefaces in a given library are technically suited to rendering small type across all browser platforms. I've basically been surfing these websites in IE6 with cleartype disabled (painful!) to get an idea of the worst-case-scenario for each typeface.

Optimal rendering in browsers


I am having an issue with a font in development, and it is this: The vertical stems are too irregular in width/colour/weight when they are rendered in webbrowsers like Safari or Firefox in OS X. Firefox is marginally better than Safari. A PDF has the same issue, but to a lesser degree. All the stems in question are of exactly the same width. Other fonts like Ariel or other webfonts do not show this issue. I tried both CFF/OTF and TTF, but they both have the same issue. This leads me to think there is some hinting setting I have borked, but OS X does not use hinting, so huh? What can be wrong? I'm working with a UPM of 2048, but I seem to remember making a test in 1000, and that had the same issue.

I'll be grateful for any pointers, hints, puns.