Como colocar qualquer fonte em seu site usando @font-face

Neste vídeo do Curso Design para HTML 5 (http://cursos.brunoavila.com.br/curso-html5-css.html) e Design para Joomla (http://cursos.brunoavila.com.br/design-para-joomla.html) onde mostro como utilizar fontes externas no seu site, utilizando o @font-face.