H&FJ fonts don't currently support the most popular font formats for web use (although they say support is coming soon).

I would consider other fonts. Using the advanced search on MyFonts, look for "Didot", or "Didone" or even "Modern" and use the additional search criteria "web font support exists". That should give you start.

Thank you for the advice!

H&FJ is clearly one of the best Didot designs available and I think it is worth the extra investment, for print.

The whole class is rather difficult for web because Didot is intended to be used with the thin horizontal strokes remaining for the most part consistent independent of size. This is to say, if one tunes their printing to the proper appearance of text as they like it, whatever the crossbar of the 10 point H looks like, from there to 100 point and beyond, the crossbar of the Didot H, (along with all the serifs, hairlines and etc.) are to maintain that apparent thickness.

There is a good reason why sans, and low contrast fonts in general, are so successful on the web. Despite its pixel-based nervous system, and even with the most elaborate size mastering, hinting, media queries and voodoo, it'd be hard to supply such an appearance consistently for a Didot on the whole web, though maybe one part of the web at a time is enough?

In the mean time, you might study the web type uses of notorious Didotphiles and see what they are doing instead.

Have you looked at Linotype Didot eText?

Even with Retina resolution, didone faces don’t work at small sizes on screen.
Really, the horizontal serifs need a pixel of its own.
Therefore, you need a threshold of 28 pixels (according to WebInk’s Bodoni page) to even get those serifs to show firmly, and the effect is more like a slab serif than the delicate, high-contrast effect of H&F-J’s Didot.

I hear that Apple is going to use Didot for iOS8 because of their "retina" displays.

But that is a good question, what is the best Didoni for use on the web?

>Even with Retina resolution, didone faces don’t work at small sizes on screen.

I can show, even with Retina resolution, didone faces don’t work at large sizes on screen. All the serifs, like the baseline serifs, even if they are not on the baseline, or even horizontal, must meet the grid exactly as do the baseline serifs.

>I hear that Apple is going to use Didot for iOS8 because of their "retina" displays.

... but didones can be made to work at any given ppm, even without hints.

How is that possible?
Surely the hairline serifs need a pixel of their own, in which case the type ceases to be high contrast below a certain size, or else if the hairline is greyed, again, the high contrast effect is lost.

I should note, I was joking about the iOS8 thing.

But Nick's line of questioning still stands.

hhp

DG>I should note, I was joking about the iOS8 thing.

I was ignoring that and answering the second part.

I think, the answer for the web is "none" live, graphics probably work a little better. The reason is low resolution, minus hinting. In addition, lighter-than-normal asymmetric rendering by any OS would make the quality use of this whole class of types go ppppffffft on the web...

Issues surrounding the CT Collection first raised this discussion, at which time Didot's doom was forecast.