LESS.js compiles css but doesn't apply it?

Question

I have included the style.less file and the less.js file in the header, like this:

<link rel="stylesheet/less" type="text/less" href="<?php bloginfo('template_directory'); ?>/css/style.less" media="screen">
<script src="<?php bloginfo('template_directory'); ?>/js/libs/less-1.3.3.min.js" type="text/javascript"></script>

I've checked the source and both files are loaded just fine. In the style.less file I have a couple of imported files. When the page loads and I check the console, I can see that all of the imported files are fetched. But for some reason, no styling is applied to the page:

I have compiled the file locally with no problems, so I know for a fact there's nothing wrong with the code.

Is there something else I need to do?

Answer 1

Change the type to text/css and it should work.