Surf extension for head-resources

[loftux]

I'm trying to add an additional resource to head to load a web-fonts. So it needs to be generic for all places. For that I wanted to add to global.head-resources.xml to load this additional resouce.
This is what I have tried

<extension>   <modules>      <module>         <id>LoftuxResources</id>         <description>Additional resources loaded in header</description>         <components>            <component>               <scope>global</scope>               <region-id>head-resources</region-id>               <source-id>global</source-id>               <sub-components>                  <sub-component id="load-webfonts">                     <url>/loftux/head</url>                  </sub-component>               </sub-components>            </component>         </components>      </module>   </modules></extension>‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍

It doesn't load anything (yes I have deployed the modul). Is this the right approach?
In my webscript /loftux/head I just have

<@link href='http://fonts.googleapis.com/css?family=Belleza' rel='stylesheet' type='text/css'/>‍

Also tried without the @-char.
resources.get.html.ftl have a markup that implies there should maybe this should be done in another way

<@markup id="resources">   <#– Use this "markup id" to add in a extension's resources –></@>‍‍‍

[ddraper]

For these types of global imports it would definitely be best to use that <@markup> directive. If you're working off the latest community source then you need to be aware that it's in a state of transition and that the <@link> and <@script> directives will not work when used in .head.ftl files any more (this is because the macros used in 4.0.x and earlier have been replaced with custom Surf directives)