Google chrome’daki yazı tipi görünümünü nasıl artırabilirim?

.

Solda firefox 4, sağda krom 12, kromu daha güzel yazı tiplerine dönüştürmenin bir yolu var mı?

Yukarıdaki görüntü windows xp'de alınmıştır. Aşağıda windows 7'den başka bir örnek verilmiştir.

ClearType ayarlarını kontrol edin - Chrome ekran görüntüsü, kenar yumuşatmamaya zorlanmış gibi görünüyor. Bu, siyah beyaz ipuçlarına sahip olmadıkları için (diğer şeylerin boyutlarının büyüklüğü nedeniyle) hemen hemen tüm web fontlarını öldürür. Bunu, "IE metni daha iyi işliyor" olarak bildirirdi, çünkü işletim sistemi düzeyinde ClearType ayarlarınızı yok sayar ve varsayılan olarak açıktır.

Bütün bu cevaplar yanlış! Bu, Google Chrome'daki büyük bir hatadır, lütfen burada birçok ekran görüntüsü içeren resmi hata raporuna / konusuna bakın: Chrome Kodundaki resmi hata raporu

Şu anda en iyi geçici çözüm, elemanınıza / başlığınıza bu basit kuralı vermektir:

-webkit-text-stroke: 1px

Dr. John'un ilavesi: html { -webkit-text-stroke: 0.25px}İşe yarayacak bir öneri buldum - burada buldum https://groups.google.com/forum/?fromgroups#!topic/mathjax-users/dV_TmJ1QMO4

Chrome, Windows XP'de varsayılan olarak kapalı olan ClearType ayarınızı okuyor.

1. Sorunu çözmek için önce Chrome tarayıcısını kapatın.

2. Şimdi masaüstünde herhangi bir yere sağ tıklayın ve açılır menüden 'Özellikler'i seçin.

3. Yeni pencerenin üst kısmında bulunan 'Görünüm' sekmesine tıklayın.

4. Ve 'Efektler' düğmesine tıklayın.

5. İkinci seçenek aşağı, "Ekran yazı tiplerinin kenarlarını düzleştirmek için aşağıdaki yöntemi kullanın."

6. "ClearType" seçeneğini seçin.

7. Chrome tarayıcınızı Uygula ve Yeniden Aç'ı tıklayın.

Bundan sonra Chrome, yazı tiplerinizi bu yumuşak efekt için güzel kenar yumuşatmaya karşı korur.

SVG dosyasını font-face css kuralının üstüne getirin, örneğin 1 veya ikinci:

@font-face {
font-family: 'gothbook';
src: url('fonts/gothamrnd-book-webfont.eot');
src: url('fonts/gothamrnd-book-webfont.eot?#iefix') format('embedded-opentype'),
     url('fonts/gothamrnd-book-webfont.svg#GothamRoundedBookRegular') format('svg'),
     url('fonts/gothamrnd-book-webfont.woff') format('woff'),
     url('fonts/gothamrnd-book-webfont.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}

Onun yerine:

@font-face {
font-family: 'gothbook';
src: url('fonts/gothamrnd-book-webfont.eot');
src: url('fonts/gothamrnd-book-webfont.eot?#iefix') format('embedded-opentype'),
     url('fonts/gothamrnd-book-webfont.woff') format('woff'),
     url('fonts/gothamrnd-book-webfont.ttf') format('truetype'),
     url('fonts/gothamrnd-book-webfont.svg#GothamRoundedBookRegular') format('svg');
font-weight: normal;
font-style: normal;
}

Bu düzeltmenin örnekleri burada görülebilir:

FontSpring Örnekleri
Adtrak Örnekleri

Google Chrome'da GPU Hızlandırması etkin mi? Tip about:flagsve GPU arayın Accelerated Canvas 2D, etkin eğer devre dışı bırakın. Bazı sitelerdeki fontlar, hızlanma etkinken göz attığımda gerçekten pürüzlü görünüyor.

Google Chrome'da, Anahtar> Seçenekler> Başlığın Altında> [Web İçeriğinin yanındaki] öğesine tıklayıp Yazı Tiplerini Özelleştir'i tıklayın.

Ayarlarınızı, sayfanızın tıpkı benimki gibi görünecek şekilde değiştirin

Sonra x işaretini tıklayın ve probleminizin çözülüp çözülmediğine bakın.

Eğer bu sorunu çözmezse, bir şey daha olabilir ... ama bunu deneyene kadar bekleyeceğim.

Chrome şu anda web fontlarını iyi oluşturmuyor. Bunun için sorun izleyicilerinde birkaç hata var. Lütfen onlara daha fazla dikkat etmek için sizinle ilgili olanları işaretleyin.

Tam olarak aynı sorunu yaşadım, http://www.google.com/webfonts adresindeki Chrome'da webfonts oluşturarak . Bununla ilgili tüm önerileri ve birkaç başka siteyi denedim ve hiçbiri işe yaramadı.

Sonunda, etkilenen metnin CSS özelliklerini incelemeye başladım, soruna neden olan gerçek font rengine dönüştüm. Verilen bir başlık color:#454545kötü sonuç verir, ancak aşağıdaki verilen aynı başlık: color:#333iyi çalıştı. Kullanıcı aracısına özel stil sayfaları için Tanrıya şükür!

Windows XP'de,
Ekran → Özellikler → Görünüm → VisualEffects'teki kenar yumuşatma seçeneğini "Varsayılan" ayarından "Temizle Türü" olarak değiştirdim.

Chrome, yazı tipi için sistemi clearType değerini alır. Windows 7'de daha iyi görünmek bunu açıklar. Bir Mac'te, Örtüşme Önleme, boyut 8'in üzerindeki tüm yazı tipleri için etkinleştirilir. Deneyin açarak veya Windows makinenin ClearType değişen

Güncelleme : Chrome 22 ve üstü gibi görünüyor.clearType

Bu sorunu Windows XP SP3'te o kadar ciddiye aldım ki, Chrome'u tüm amaçlar ve amaçlar için kullanılamaz hale getirdi. Denetim Masası'na Clear Type Tuning uyguladığımı ve gelişmiş sekmesinde "Enable Font Smoothing" seçeneğinin işaretini kaldırmayı denediğimi fark ettim. Chrome'u yeniden başlattıktan sonra. Font Smoothing'i tekrar açtıktan sonra bile sorun yoktu. "Tüm ayarları varsayılanlara yeni kullanıcılar ve sistem için uygula" kutusunu işaretlemeye karar verdim.

Benim için Windows 10.1 x64'teki ClearType ayarı değildi, fakat Chrome tarayıcımda DirectWrite adlı bir ayar olduğu ortaya çıktı.

1. Adres çubuğunuzda Chrome'da yazın: chrome://flags/#directwrite
2. Ve DirectWrite özelliğini açtığınızda, bu ayarların başlığı DirectWrite'ı Devre Dışı Bırak diyor ve altındaki düğmenin şu sözcüğü gösterdiğinden emin olun: Enable

Bu benim için sorunu çözdü.

Görünüşe göre uzun ve zor cevap yapamazsın. Orada Krom yardım tartışmalar ve öneriler bol ama düşündüren değer bir şey görmüyorum.

Büyük soru, nasıl bu kadar kötü görünmesini sağlıyorsun ?! Bu kutuya yazmak için Chrome kullanıyorum ... Hatta bir demet yakınlaştırdım ve senin gibi bir şey göremiyorum. Bundan sonra hala sorularınız varsa, yapılandırmanızı toplulukta açıklamanız gerekir.

Her ne kadar Chrome, yazı tipleri için "kullanılabilir" olsa da, özellikle çapraz çizgiler çizdiği yerlerde ince görünüyor ve yıkanıyor. IE çok daha iyi işler ancak IE daha yavaş bir tarayıcı ve bu yüzden FireFox.

Bunun krom kodunda doğal olduğuna inanıyorum.

BTW, HackToHell, render rengini değiştirmek için nereye giderim?

Bunu deneyeceğim.

Windows tuşu + r tuşlarına basın ve cttune.exe yazın.

alternatif yöntem, windows tuşuna basıp ardından cleartype yazın ve ardından ClearType Metni Ayarla

ve talimatları izleyin, hala sorun yaşıyorsanız, diğer örneklerden bazılarını deneyin.

bu benim için işe yaradı, farklı örnekleri denemelisiniz, bunun aksine kontrast / parlaklık kalibrasyonu ancak metin için

FYI: 2d hızlandırmayı devre dışı bırakmak, kromun windows cleartype ayar aracıyla oynamasına yardımcı olabilir

Web fontlarının hala font yumuşatma / temizlemeyi devre dışı bırakırken okunabilir olmasını istiyorsanız, çözüm Google Chrome'da web fontlarını devre dışı bırakmaktır. Bu durumda tarayıcı, silme tipi / pürüzsüzleştirme devre dışı bırakıldığında doğru şekilde oluşturulan işletim sistemi standart fontlarını kullanacaktır. Bunu yapmak için /disable-remote-fontsbayrağı chrome.exe'ye iletin. Masaüstünde Google Chrome kısayoluna tıklayın, Özellikler'i seçin, Kısayol sekmesine gidin ve Hedefi şu şekilde ayarlayın:

"C:\Program Files (x86)\Google\Chrome\Application\chrome.exe" /disable-remote-fonts

Web fontlarının devre dışı bırakılmasıyla ilgili bir sorun olabilir. Web sitesi web fontlarındaki simgeleri kullanıyorsa, görüntülenmez.

Chromium izleyicide ilgili sorun:

"Sistem çapında ClearType ayarı web fontlarına saygı gösterilmez" https://code.google.com/p/chromium/issues/detail?id=319429

Git chrome://flags/(veya about:flags) ve Yazılım oluşturma listesinin üzerine yaz seçeneğini devre dışı bırakın .

Hızlandırılmış 2D tuval de devre dışı bırakılmalıdır.

Bu kombinasyon bana yardımcı oldu.

Chrome: // flags / 'ya gidin ve "LCD text antialiasing" i etkinleştirin. Tarayıcıyı yeniden başlatın.