IPhone : Getting 404 error on font and font not working on iphone

I am trying to add a font to my website and have added my CSS below. Whilst using chrome I get a 404 message on both the ttf and woff fonts. It does display the font in the browser. When i test using an iphone the font does not show. can anyone maybe advise where i am going wrong?

@font-face{
    font-family:exo;src:url("/public/fonts/Exo-Regular.eot");
    src:url("/public/fonts/Exo-Regular.eot?#iefix") format("embedded-opentype"),
        url("/public/fonts/Exo-Regular.woff") format("woff"),
        url("/public/fonts/Exo-Regular.ttf") format("truetype"),
        url("/public/fonts/Exo-Regular.svg#Exo-Regular") format("svg")
}
@font-face{
    font-family:exo-bold;
    src:url("/public/fonts/Exo-Bold.eot");
    src:url("/public/fonts/Exo-Bold.eot?#iefix") format("embedded-opentype"),
        url("/public/fonts/Exo-Bold.woff") format("woff"),
        url("/public/fonts/Exo-Bold.ttf") format("truetype"),
        url("/public/fonts/Exo-Bold.svg#Exo-Bold") format("svg")}