Почему шрифт не работает в Safari, Chrome Mobile и Safari Mobile

Question

Я использую шрифт, созданный шрифтом-белкой. Он работает в Firefox Desktop и Chrome Desktop, но не работает в Chrome Mobile, Safari Desktop или Safari Mobile.

У меня есть другие сайты, в которых я использую его, и все хорошо. Я использую HTML пять пустой с WordPress тема (так как я на других сайтах)

@font-face { 
    font-family:'futura'; 
    src:url('fonts/FuturaHandwritten-webfont.eot'); 
    src:url('fonts/FuturaHandwritten-webfont.eot?#iefix') format('embedded-opentype'), 
     url('fonts/FuturaHandwritten-webfont.woff') format('woff'), 
     url('fonts/FuturaHandwritten-webfont.ttf') format('truetype'), 
     url('fonts/FuturaHandwritten-webfont.svg#font-name') format('svg'); 
    font-weight:normal; 
    font-style:normal; 
} 

Пожалуйста, дайте мне знать, что я еще могу представить, чтобы ответить на этот вопрос.

See the site here

Answer 1

я назвать свой шрифт 'Futura', который в настоящее время overidden по WebFont.

@font-face { 
    font-family:'futura'; 
    src:url('fonts/FuturaHandwritten-webfont.eot'); 
    src:url('fonts/FuturaHandwritten-webfont.eot?#iefix') format('embedded-opentype'), 
     url('fonts/FuturaHandwritten-webfont.woff') format('woff'), 
     url('fonts/FuturaHandwritten-webfont.ttf') format('truetype'), 
     url('fonts/FuturaHandwritten-webfont.svg#font-name') format('svg'); 
    font-weight:normal; 
    font-style:normal; 
}