webfonts

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?

Cheers

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!

Thanks,
Ayse

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:
https://vimeo.com/40296571

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.

http://www.fontshop.com/fonts/singles/dalton_maag/verveine_corporate_reg...
http://www.fonts.com/findfonts/detail.htm?productid=151003
http://typekit.com/fonts/ff-market-web
http://www.fontshop.com/fonts/singles/suomi_type_foundry/suomi_hand_scri...

^^ 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/

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

I’m sure we all agree that web font embedding is awesome and long-welcomed.

But since House Industries and HF&J are not yet on board, I’m looking for similar alternative. Oh hivemind, can you suggest some alternatives to Neutraface or Verlag?

Hi All,

Can anyone shed some light on Avante Garde - is it possible to get a webfont licence for it? Can't find one anywhere?

Failing that - has anyone any idea of an alternative with a webfont licence?

Many thanks, Si

We have received many queries about using our typefaces on websites and we want to make sure all of our customers have all the necessary tools to work on a wide range of media. Hence TypeTogether has partnered up with four trusted companies that are able to reliably serve our fonts for your websites and provide you with the necessary technical support. We invite you to check out their website and start enjoying TypeTogether's fonts on the web.

FONTDECK: http://fontdeck.com/foundry/typetogether
FONTSLIVE: http://www.fontslive.com/catalog/?ff=59
TYPEKIT: http://typekit.com/foundries/typetogether
WEBINK: http://webink.com/

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.

I was surprised after taking a superficial look at the Adobe fonts on Typekit. They appear to be autohinted TTFs converted from CFF by FontForge.

Considering the perceived tone on the TypeCon's webfont panel about how bad-for-the-industry autohinting is, has even Adobe accepted that this is "good enough" and not worth the time and money to build by hand?

My question is about linked webfonts, (not the web-safe installed fonts like Georgia & Verdana). Is it possible to print using them from a browser? I heard Firefox was going to implement this, but have not seen it work yet. Was that functionality intended for naked font linking only (.otf & .ttf but not .woff) or a rumor wholly unfounded?

It has been a while since the fruitless protests against Ikea abandoning Futura.

But never say die! The web gives the power back to us, the Futura-loving people: http://just-another.com/futurizer?q=ikea.com

Enjoy!

raph's picture

My new blog: Hot Lead

I just put up the first post of my new blog: Hot Lead. The first one is a little light and breezy, but I plan to get into a lot more detail about what we're doing with the Google Font API, open source fonts, performance, rendering, font technology, and more. Please subscribe and wait for updates.

We had a great launch, and I'm still recovering a bit from all the excitement - and definitely looking forward to relaxing a bit this holiday wekeend. Again, thanks to everyone here at Typophile for supporting the effort in many different ways.

While we are waiting for WOFF support broadly, there are some protective measures available for webfonts to prevent them from being installed locally.

There is a technique of obfuscating the name table, rendering it unusable as a system font, but fully functional as a webfont. Ethan Dunham of Font Squirrel and Fontspring has led much of the research below, based on some prior work from Peter Bilak of Typotheque and Philip Taylor with his Font Optimizer [0]

Specifically, these are the modifications for a TrueType font:

Syndicate content Syndicate content