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.

jeroendisch's picture

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.

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:


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:

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.

Download the extension for free and use from any Fonts.com subscription plan – including free plans

Access to desktop fonts and Web fonts to boost creative freedom – yes! Through your favorite Adobe applications – yes!

The Fonts.com Extension for Adobe Creative Cloud allows you to try, install and synchronize desktop fonts directly from within Adobe apps including Photoshop, Illustrator and InDesign. This extension also works with any Fonts.com Web Fonts subscription plans, including free plans, making it free and easy to experiment with thousands of desktop fonts within your favorite design apps.

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.

Download fonts - http://bit.ly/17prSnJ
Read press release - http://bit.ly/19UIqUw
Learn more here - http://bit.ly/19UPi4g

Monotype has released more than 8,600 Web fonts on Linotype.com , now available for download and self-hosting. Customers are also able to save 50 percent off the desktop version of a font when purchasing both the desktop and Web font versions.

Hi there,
I converted a font to a webfont through fontsquirrel that was tweaked/manipulated in fontlab. The files/css work fine on Mac's but don't display on any windows machines. Has anyone had any issues with this?


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.

Read The Fonts.com Blog: http://bit.ly/13KE7DT
Subscribe Here: http://www.fonts.com/web-fonts
View a Typecast Demo: http://vimeo.com/43763778

Fonts.com has redefined its Professional Fonts.com Web Fonts plans to make them more affordable, while adding a free Typecast subscription (worth $29 per month). The new professional plans start at just $40 per month and include 1 million page views per month, but additional page-view packages are available, as needed.

Sign Up for Free: here.
View Video: http://bit.ly/XnLxf6
Read Blog: http://blog.fonts.com/tag/skyfonts/

Monotype has announced the commercial release of its SkyFonts™ service, a revolutionary system that enables typographic experimentation by allowing users to try or rent fully functional fonts. SkyFonts debuts with an inventory of more than 8,000 fonts.

Users can try fonts for free for up to five minutes within any desktop application or spend credits to rent fonts for as long as they’re needed. When the trial or rental period expires or if the fonts are not renewed, they’re removed automatically from the user’s system.

We are happy to announce start of our new website section called "WebSpecimen".

It should collect typefaces that we think they could be fully useful as webfonts. The idea is to show how an typeface acts in different layout situations, from body text to big titles.

TDF WebSpecimen

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.

What are the best web fonts for use in native languages? Could we compile a list here?

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!


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.

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

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

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?

I'm looking for websites sporting FF Good, FF Fago and FF Unit web fonts. I couldn't find any web font tester/showcase on FontShop's site, which I find a bit strange. Or am I not looking properly? Many thanks.

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: 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

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.

Syndicate content Syndicate content