Adding additional web fonts

I’m trying to use Helvetica Neue UltraLight 25 from fonts.com and having really odd results that are too complex to go into great depth on at the moment. Here are the highlights though:

  • I have pasted the fonts.com code into the custom code header section.
  • I have selected Helvetica Neue from the webflow font picker, and the dimmed but selectable “100 Thin” weight as the closest guess. (Tested with “400 Normal” too, didn’t help.)
  • On the PC*, the font is not found, indicating that the connection to fonts.com is not being made.
  • Depending on other aspects of the underlying style for any given instance, it is being rendered as:
    • Times: serif-100: ‘Helvetica Neue’, serif
    • Helvetica: Helvetica-100: ‘Helvetica Neue’, Helvetica, Arial, sans-serif
  • I tried adding a custom attribute to one instance, using font-face for the attribute name (thinking it would override or at least append to the existing font-face attributes in the css), and HelveticaNeueW01-UltLt, the web font name for the attribute. Doing so made instances of one class that otherwise rendered as Times render as Helvetica, though I’m at a loss to explain how it affected the fallback font list.

@thesergie - How are things coming along with fonts.com integration? Are there any effective workarounds I can use to get the fonts working, until it’s really integrated?

*On the Mac everything looks fine, but Helvetica Neue UltraLight is one of the built-in fonts, unlike the PC, so my browsers are just rendering using the local font, not the fonts.com webfont. I don’t know if it’s worth worth noting, but the “100 Thin” weight in webflow does seem to be mapping on the Mac to the desired Helvetica Neue UltraLight 25, despite the disparity in name (UltraLight vs. Thin) and weight numbering systems (25 vs 100).