Używam czcionki Open Sans na stronie internetowej, ale wydaje się ona dużo grubsza we wszystkich przeglądarkach niż w programie Adobe Illustrator (patrz załączone obrazy). Dlaczego tak jest i czy mogę pobrać czcionkę w przeglądarce, aby wyświetlać "cieńsze"?Czcionka renderowana jest grubsza w przeglądarkach
Uwaga Zarówno przeglądarka i Illustrator są renderowania ciężar SemiBold (600)
Problem dotyczył aliasingu. Poniższe rozwiązanie css będzie działać na safari, chrom i firefox:
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
Dziękuję bardzo! –
Upewnij się, że w tym światła (300) i normalnych (400) dla Open Sans, następnie można po prostu:
body {
font-family: 'Open Sans', sans-serif;
font-weight: 300; /* Or 400, if 300 is too light. */
}
Open Sans Webfont jest dostępny w 10 stylach. Dla mnie wygląda na to, że przeglądarka wyświetla semibold. Powinno być regularne i powinieneś iść dobrze.
Spójrz na fontsquirrel
Myślę, że masz na myśli "10 odważników". Istnieją tylko 3 różne style czcionek! –
Masz rację - chodzi mi o style, ponieważ wszystkie wagi mają pojedyncze arkusze stylów :) – moesphemie
Prosta odpowiedź jest taka, że nie ma dylemat. Jeśli prawidłowo ładujesz i wywołujesz żądany styl i wagę, czasami rzeczy po prostu renderują się inaczej między Adobe i przeglądarkami (lub przeglądarką do przeglądarki). Masz opcje, aby przejść do wagi 400 lub nauczyć się kochać odwagę.
WRT Twoja edycja: Czy Twoje pytanie brzmi, jak sprawić, by przeglądarka używała cieńszej czcionki niż waga 600? –
Opublikuj kod HTML i CSS, z którego korzystasz. Normalne jest, że czcionki są renderowane w różny sposób w różnych programach, ale różnica tutaj jest zbyt duża, aby można było je wytłumaczyć samodzielnie. –