[解決済み】GoogleのRobotoフォントをWebサイトで使用するにはどうすればよいですか？

質問

GoogleのRobotoフォントを自分のウェブサイトで使いたいのですが、このチュートリアルにしたがっています。

http://www.maketecheasier.com/use-google-roboto-font-everywhere/2012/03/15

ダウンロードしたファイルは、このようなフォルダ構造になっています。

では、3つの質問をさせていただきます。

1. の中にcssを入れています。 media/css/main.css のURLにアクセスします。では、そのフォルダはどこに置く必要があるのでしょうか？
2. すべてのサブフォルダからeot,svgなどを取り出して fonts フォルダーに保存されますか？
3. cssファイルfonts.cssを作成し、ベーステンプレートファイルにインクルードする必要がありますか？

彼が使っている例はこれ

@font-face {
    font-family: 'Roboto';
    src: url('Roboto-ThinItalic-webfont.eot');
    src: url('Roboto-ThinItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('Roboto-ThinItalic-webfont.woff') format('woff'),
         url('Roboto-ThinItalic-webfont.ttf') format('truetype'),
         url('Roboto-ThinItalic-webfont.svg#RobotoThinItalic') format('svg'); (under the Apache Software License). 
    font-weight: 200;
    font-style: italic;
}

私はのようなディレクトリ構造を持っているしたい場合、私のURLは、どのように見えるべきでしょうか。

/media/fonts/roboto

解決方法は？

本当は何もしなくていいんです。

• Googleの ウェブフォントのページ
• 検索 Roboto 右上の検索ボックスで
• 使用したいフォントのバリアントを選択する
• 上部にある「このフォントを選択」をクリックし、必要なウェイトと文字セットを選択します。

このページでは <link> 要素、およびサンプル font-family をCSSで使用することができます。

この方法でGoogleのフォントを使用すると、可用性が保証され、あなた自身のサーバーへの帯域幅を減らすことができます。