Implementing CSS @font-face from start to finish?

I am looking into @font-face property. I have found an article about the CSS solutions (http://paulirish.com/2009/bulletproof-font-face-implementation-syntax/), but I couldn’t find any more info about the files used.

The CSS:
@font-face {
font-family: ‘Graublau Web’;
src: url(‘GraublauWeb.eot’);
src: local(‘Graublau Web Regular’), local(‘Graublau Web’),
url(‘GraublauWeb.otf’) format(‘opentype’);
}

What files do I need for this to work and where can I get them? All I have are standard .ttf and sometimes .otf font files.