https://bugzilla.wikimedia.org/show_bug.cgi?id=41359

--- Comment #22 from Khaled Hosny <[email protected]> 2012-11-09 23:23:28 
UTC ---
Created attachment 11342
  --> https://bugzilla.wikimedia.org/attachment.cgi?id=11342
Screenshot showing true styles

This how it looks after I disabled the @font-face rule. The problem is that the
@font-face rule looks like this

@font-face {
  font-family: 'Amiri';
  src: url('…');
  src: local('Amiri'),
       url('…') format('woff'),
       url('…') format('truetype');
  font-style: normal;
}

Thus only the normal style is made available, compare this with the CSS snippet
provided with Amiri tarball, which makes all four styles available:

@font-face {
    font-family: AmiriWeb;
    font-style: normal;
    font-weight: 400;
    src: url('amiri-regular.eot?') format('eot'),
         url('amiri-regular.woff') format('woff'),
         url('amiri-regular.ttf')  format('truetype');
}

@font-face {
    font-family: Amiri QuranWeb;
    font-style: normal;
    font-weight: 400;
    src: url('amiri-quran.eot?') format('eot'),
         url('amiri-quran.woff') format('woff'),
         url('amiri-quran.ttf')  format('truetype');
}

@font-face {
    font-family: AmiriWeb;
    font-style: normal;
    font-weight: 700;
    src: url('amiri-bold.eot?') format('eot'),
         url('amiri-bold.woff') format('woff'),
         url('amiri-bold.ttf')  format('truetype');
}

@font-face {
    font-family: AmiriWeb;
    font-style: oblique;
    font-weight: 400;
    src: url('amiri-slanted.eot?') format('eot'),
         url('amiri-slanted.woff') format('woff'),
         url('amiri-slanted.ttf')  format('truetype');
}

@font-face {
    font-family: AmiriWeb;
    font-style: oblique;
    font-weight: 700;
    src: url('amiri-boldslanted.eot?') format('eot'),
         url('amiri-boldslanted.woff') format('woff'),
         url('amiri-boldslanted.ttf')  format('truetype');
}

I also recommend using this syntax over what is used now, see:
http://www.fontspring.com/blog/the-new-bulletproof-font-face-syntax

(but probably should keep 'src: local('Amiri')', so local font is used if
available).

-- 
Configure bugmail: https://bugzilla.wikimedia.org/userprefs.cgi?tab=email
------- You are receiving this mail because: -------
You are on the CC list for the bug.
_______________________________________________
Wikibugs-l mailing list
[email protected]
https://lists.wikimedia.org/mailman/listinfo/wikibugs-l

Reply via email to