CSS Yazı Tipi Sorunu

body {
font-family: "Joystix Monospace", monospace;
src: url("font/Joystix.ttf");
margin: 0;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #212529;
text-align: left;
background-color: #ff6400;
}

Yazı tipi sitenin içinde var. Bir yerde hata yapıyorum.
<link rel="stylesheet" href="css/bootstrap.css" media="screen" />
<link rel="stylesheet" href="css/bootstrap-grid.css" media="screen" />
<link rel="stylesheet" href="css/bootstrap-reboot.css" media="screen" />

https://hinochikara.com.tr/demo/tankshowremix/ bende düzgün gözükmesine rağmen, bir arkadaşımda sorun olması üzerine açtım.

sende gözüküp başkasında gözükmemesinin sebebi o fontun gözükmeyen kişinin tarayıcısında bulunmadığını gösteriyor

Fontu okuyabilmesi lazım hocam. Bu sitedeki tüm yazıtiplerini tarayıcıları okuyabiliyor.