Merhaba arkadaşlar bir e-ticaret sitesi ile uğraşıyorum menünün fontunu değiştirim fontsquirrel web font generator ile otf ttf svg woff dosyalarını siteye tükledim cssden

@font-face {font-family: 'Roboto';
src: url('{{ themeAsset('font/roboto-webfont.eot') }}');
src: url('{{ themeAsset('font/roboto-webfont.eot?#iefix') }}') format('embedded-opentype'),
url('{{ themeAsset('font/roboto-webfont.woff2') }}') format('woff2'),
url('{{ themeAsset('font/roboto-webfont.woff') }}') format('woff'),
url('{{ themeAsset('font/roboto-webfont.ttf') }}') format('truetype'),
url('{{ themeAsset('font/roboto-webfont.svg#robotoregular') }}') format('svg');
}

şeklinde düzenledim fakat chrome da düzgün görünüyor fakat mozillada falan düzgün gözükmüyor bunun sebebi nedir sizce ?

Chrome Görünümü:

Mozilla Görünümü: