Algo complicado encontrar tan cosa tan básica en la web. He aquí resumido.

Obvio tienes que copiar la tipografía en /assets/fonts en tu server o el directorio del dominio publico donde tengas tus letritas.

Creas una hoja de estilos o agregas uno en tu .css con lo siguiente

@font-face {
font-family: 'League Gothic'; /* Nombre que va a tener esa font.
font-style: normal;
font-weight: normal;
src: local('League Gothic'), url('League_Gothic.otf') format('otf');
}

 

El formato podría ser .ttf u otros como .woff.

Una vez esto, podemos usar la letra ‘League Gotic’

font-family: 'League Gothic';

No olvidemos que la propiedad ó regla @font-face sólo funciona en CSS3. El formato rtf es el más soportado en ésta propiedad por los más actualizados navegadores por lo que es la más recomendable.