I want to include "Roboto" font in architect. I build a SCSS Resource and add this:

HTML Code:
@include font-face('Roboto', font-files('Roboto/Roboto-Light.ttf'), false, normal, normal); @include font-face('Roboto', font-files('Roboto/Roboto-LightItalic.ttf'), false, normal, italic);@include font-face('Roboto', font-files('Roboto/Roboto-Bold.ttf'), false, bold, normal);@include font-face('Roboto', font-files('Roboto/Roboto-BoldItalic.ttf'), false, bold, italic);
The font-files are in:
C:\Users\rev\AppData\Local\Sencha\Sencha Architect 3.0\extracted\touch23-compile\themes\fonts\roboto

But the console shows the following:
GET http://localhost/fonts/Roboto/Roboto-Light.ttf 404 (Not Found)

What i am doing wrong?

Thanks guys.