2015-01-29 18 views
5

Bir web sitesinde Open Sans yazı tipini kullanıyorum, ancak Adobe Illustrator uygulamasına göre tüm tarayıcılarda daha kalın görünüyor (bkz. Ekli resimler). Neden bu ve "tiner" görüntülemek için tarayıcıda yazı tipini bulabileceğim herhangi bir yol var mı lütfen?Yazı tipi tarayıcılarda daha koyu hale geliyor

Illustrator

Browser

Not tarayıcısı ve Illustrator Hem ışığı (300) ve normal dahil emin olun Semibold ağırlığı (600)

+0

WRT Düzenlemenizi: Sorunuzu nasıl tarayıcı ağırlığı 600 daha ince yazı tipi kullandığından emin olmak için mi? –

+1

Lütfen kullandığınız HTML ve CSS kodunu gönderin. Farklı programlar tarafından farklı şekilde oluşturulmuş yazı tiplerine sahip olmak normaldir, ancak buradaki farklılık tek başına açıklanamayacak kadar büyük görünmektedir. –

cevap

13

Sorun, takma adetti. Aşağıdaki css çözüm safari, krom ve ateş için çalışacaktır:

-moz-osx-font-smoothing: grayscale; 
-webkit-font-smoothing: antialiased; 
+0

Çok teşekkür ederim! –

2

render edilir (400 Açık Sans için ağırlıklar, daha sonra basitçe yapabilirsiniz:

body { 
    font-family: 'Open Sans', sans-serif; 
    font-weight: 300; /* Or 400, if 300 is too light. */ 
} 
+0

Teşekkürler, lütfen – RunLoop

+0

@RunLoop ile aynı yazı tipi boyutunu mı kullanıyorsunuz? 'Pt' birimleri kullanıyor musunuz? –

+0

Her iki durumda da px kullanıyorum. – RunLoop

0

Open Sans Webfont, 10 stilde gelir. Benim için tarayıcı yarı kalın olanı görüntüler gibi görünüyor. Düzenli olmalı ve iyi gitmelisin.

fontsquirrel

http://www.fontsquirrel.com/fonts/open-sans

+0

Sanırım "10 ağırlık" demek istiyorsun. Sadece 3 farklı yazı tipi stili var! –

+0

Haklısın - Tarzları kastettim çünkü tüm ağırlıklar tek stillere sahipti :) – moesphemie

0

basit bir cevabı bir düzeltme var olmamasıdır bir göz atın. İstediğiniz stili ve ağırlığı doğru şekilde yükleyip çağırıyorsanız, bazen işler sadece adobe ve web tarayıcıları (veya tarayıcıdan tarayıcıya) arasında farklılaşır. Seçenekleriniz 400 ağırlığa gitmek ya da cesurluğu sevmeyi öğrenmek.

İlgili konular