Почему Firefox Выбирает неправильный вес шрифта из моих опций шрифта?

Question

Я использовал Source Sans Pro и Source Code Pro на моем sites, и он отлично выглядит в Safari и Chrome. В Firefox, однако, похоже, что используется неправильный вес шрифта, так как вес намного легче (и труднее читать) в Firefox. Мой @font-face declarations выглядеть следующим образом:

@font-face { 
    font-family: 'Source Sans Pro'; 
    src: url('/fonts/sourcesanspro-regular-webfont.eot'); 
    src: url('/fonts/sourcesanspro-regular-webfont.eot?#iefix') format('embedded-opentype'), 
     url('/fonts/sourcesanspro-regular-webfont.woff') format('woff'), 
     url('/fonts/sourcesanspro-regular-webfont.ttf') format('truetype'), 
     url('/fonts/sourcesanspro-regular-webfont.svg#source_sans_proregular') format('svg'); 
    font-weight: normal; 
    font-style: normal; 
} 

@font-face { 
    font-family: 'Source Sans Pro'; 
    src: url('/fonts/sourcesanspro-light-webfont.eot'); 
    src: url('/fonts/sourcesanspro-light-webfont.eot?#iefix') format('embedded-opentype'), 
     url('/fonts/sourcesanspro-light-webfont.woff') format('woff'), 
     url('/fonts/sourcesanspro-light-webfont.ttf') format('truetype'), 
     url('/fonts/sourcesanspro-light-webfont.svg#source_sans_prolight') format('svg'); 
    font-weight: lighter; // light 
    font-style: normal; 

} 

См the file для полной декларации. Есть ли что-то в моих объявлениях, которые заставляют Firefox выбирать неправильный файл при отображении размера normal?

Answer 1

Как указано в this answer, это выглядит, как будто Firefox использует последний объявил @font-face для данного стиля для отображения содержимого. Последнее лицо, которое я определил для стиля normal, имело вес light, так что это был один используемый Firefox. Решение заключается в использовании numeric weights в объявлениях @font-face, как я уже сделал here. Затем он правильно использует нормальный вес, где это необходимо.

Answer 2

Chrome и Safari используют webkit в качестве механизма их рендеринга. (Chrome теперь переместился в Blink, который использует подмножество webkit). Firefox, с другой стороны, использует gecko. Так что да, это в значительной степени причина, по которой нам нужно тестировать веб-страницы с разными браузерами.

Что касается вашего вопроса, то я думаю, что это поможет: http://css-tricks.com/forums/topic/font-rendering-ugly-in-firefox-but-beautiful-in-webkit/