How to use webfont with different font-weight in responsive HTML5 project Adobe Captivate 8?

I work with a font 'Alwyn New' in a responsive HTML5 project. By adding @11220649-face to the .HTML file I can make it work:

<style type="text/css">

     @11220649-face {

         font-family: 'Alwyn New';

         src:

   url('fonts/Alwyn New Regular.woff') format('woff'),

   url('fonts/Alwyn New Bold.woff') format('woff');   

     }

     @11220649-face {

          font-family: 'FontAwesome';

          src: url('fonts/fontawesome.woff') format('woff');

     }

</style>

But now the browser does not know when to use Regular and when to use Bold. I also want to use Bold and Thin for example. I have seperate .WOFF files for regular/bold/thin etc.

When I look in the CPM.js I only see: font-family:\'Alwyn New\'.... nothing about bold/thin/regular etc. How can I make sure that the bold/thin captions also become bold in my responsive HTML5 project? After all, the option for bold/thin etc. is build in Captivate itself.

Of course, in non-responsive it works because the captions are .PNG files.

If this cannot be fixed, is it fixed in Adobe Captivate 9?