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?

| improve this question | | | | |
  • is your global.css used ? //check the source code .. – rémy Sep 27 '12 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... – screaming SiLENCE Sep 27 '12 at 9:45
  • and you're applying your font to some styles too ? – rémy Sep 27 '12 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'; } – screaming SiLENCE Sep 27 '12 at 9:49
  • try to get it work with an inspector, maybe you'll find the issue .. – rémy Sep 27 '12 at 9:51

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

| improve this answer | | | | |
  • told ya ;) ...- – rémy Oct 4 '12 at 12:36

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

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