I made a test.html file to test web fonts bought on Fonts.com.

@import url("http://fast.fonts.com/cssapi/3bcaa9a7-xxxx...xxxx.css");

This worked without any problem. But when I add this to my global.css file in my Drupal Template, it doesn't work. Other things from global.css are all ok... So the file gets loaded.

Any other simple way to do this without the use of a module?

  • is your global.css used ? //check the source code ..
    – rémy
    Commented Sep 27, 2012 at 9:43
  • Yes, all other stuff I put in global.css is working, without any problem. It seems like the @import doesn't work... Commented Sep 27, 2012 at 9:45
  • and you're applying your font to some styles too ?
    – rémy
    Commented Sep 27, 2012 at 9:48
  • Yes: @import url("fast.fonts.com/cssapi/xxx.css"); BODY { background-color: #000e19; color: white; font-family:'Frutiger Neue W01 Book'; } H1, H2, H3, H4, H5, H6 { font-family:'Cachet W01 Book'; } Commented Sep 27, 2012 at 9:49
  • try to get it work with an inspector, maybe you'll find the issue ..
    – rémy
    Commented Sep 27, 2012 at 9:51

1 Answer 1


Oh my god... It had to be something stupid. This was the sollution:

On Fonts.com go to "Manage Web Fonts", and add a domain. The HTML I tested was on my localhost, the Drupal wasn't.

Glad I found the answer when I was walking outside...

  • told ya ;) ...-
    – rémy
    Commented Oct 4, 2012 at 12:36

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.