السلام عليكم. قمت بإضافة الخط الأميري إلى موقعي عن طريق CSS

@font-face {

font-family: amiri;
font-style: normal;
font-weight: normal;
src: url('../fonts/amiri-regular.eot') format('eot'),
     url('../fonts/amiri-regular.ttf')  format('truetype'),
     url('../fonts/amiri-regular.woff') format('woff');

}

الخط يعمل على متصفحات الكمبيوتر والآيباد ولكن على متصفح الأندرويد يظهر كما في الصورة :

فما الحل؟

أرجوكم ساعدوني فقد قضيت الساعات دون حل !!!