Aide pour le @font-face (forcer font sur mon site)

Bonjour,

Voila, j'aimerai forcer une typographie bien précise pour mon site web et j'ai trouvé le système @font-face.
Mon soucis est que je ne sais pas ou je doit mettre les fichiers ttf, eot, ... dans mon site. (Puis-je créer un dossier dans la racine du www que j’appellerai font ou dois-je les mettre à un endroit bien précis? avec un nom de dossier tout autant précis?)

Ma deuxième question est ou dois-je exactement mettre mes ligne de code? (dans quel document css dois-je aller l’insérer et à quelle ligne?)

voici le code que j'ai, est-il bon?

@font-face {
    font-family: 'trinigan_fgregular';
    src: url('trinigan-webfont.eot');
    src: url('trinigan-webfont.eot?#iefix') format('embedded-opentype'),
         url('trinigan-webfont.woff2') format('woff2'),
         url('trinigan-webfont.woff') format('woff'),
         url('trinigan-webfont.ttf') format('truetype'),
         url('trinigan-webfont.svg#trinigan_fgregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

D'avance je vous remercie de votre réponse :)

Modifié par la modération pour une lecture plus facile du code