Como poner una fuente de letra descargada en extensión .TTF

[Drakaris]

Hola estoy haciendo un reloj digital, lo tengo hecho todo pero quisiera cambiar el tipo de letra a DS-DIGIT.TTF (la fuente de letra que tiene los números de los relojes), pero no sé como ponerlo:

Código [Seleccionar] Expandir


<div class="display" id="pantalla"></div>


Código [Seleccionar] Expandir


<style>
    .display{
        position: fixed;
        right: 10px;
        bottom: 15px;
        width: 120px;
        height: 40px;
        background: rgba(139,139,139,0.9);
        border-radius: 10px;
        font-size: 20px;
        src: url("DS-DIGIT.TTF") format("truetype");
    }


No me funciona, me sale tipo segoe script, como lo tengo que hace para que me salga
de este tipo de letra?

Gracias

[s3mplx]

Tienes que definir un @FontFace previamente con tu fuente personalizada.
Échale un ojo a este link de StackOverflow