Links is firefox 4, rechts is chrome 12. Is er een manier om chrome mooiere fonts te laten weergeven?
Bovenstaande afbeelding is gemaakt op windows xp. Hieronder is een ander voorbeeld van windows 7.
Controleer de ClearType instellingen - de Chrome schermafbeelding lijkt geforceerd te worden om niet-anti-aliased te renderen. Dat zal zowat elk webfont de das omdoen, omdat ze geen monochrome hints hebben (onder andere omwille van de grootte). Ik zag dit vaak gerapporteerd als “IE rendert tekst beter”, omdat het je OS-level ClearType instellingen negeert en het standaard aanzet.
Al die antwoorden zijn fout! Dit is een grote bug in Google Chrome, zie het officiële bugrapport/thread inclusief veel screenshots hier: Officieel bugrapport over Chrome Code ](https://code.google.com/p/chromium/issues/detail?id=137692)
Momenteel is de beste workaround om je element/headline simpelweg deze simpele regel te geven:
Toevoeging van Dr. John: Ik vond een suggestie dat -webkit-text-stroke: 1px ook zou werken - vond het hier https://groups.google.com/forum/?fromgroups#!topic/mathjax-users/dV_TmJ1QMO4
Chrome leest uw ClearType instelling die onder Windows XP standaard is uitgeschakeld.
Om het probleem op te lossen, sluit u eerst de Chrome-browser.
Klik nu met de rechtermuisknop ergens op het bureaublad en selecteer ‘Eigenschappen’ in het uitklapmenu.
Klik op het tabblad ‘Uiterlijk’ dat u bovenin het nieuwe venster vindt.
En klik op de knop ‘Effecten’.
De tweede optie moet luiden: “Gebruik de volgende methode om randen van schermlettertypen glad te strijken.”
Selecteer de optie ‘ClearType’.
Klik op Toepassen en open uw Chrome browser opnieuw.
Vanaf nu zal Chrome je fonts mooi anti-aliased weergeven voor dat gladde effect.
Plaats het SVG bestand hoger in de font-face css regel, ofwel 1e of 2e bijvoorbeeld:
@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;
}
In plaats van:
@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;
}
Voorbeelden van deze fix zijn hier te zien: FontSpring Voorbeelden Adtrak Voorbeelden
Heeft u GPU Acceleration ingeschakeld in Google Chrome? Typ about:flags en zoek naar GPU Accelerated Canvas 2D, schakel het uit als het is ingeschakeld. Lettertypen op sommige sites zien er echt gekarteld uit toen ik browste met de versnelling ingeschakeld.
Klik in Google Chrome op de moersleutel > Opties > Onder de motorkap > [naast Web Inhoud] klik op Lettertypes aanpassen.
Verander je instellingen zodat je pagina er net zo uitziet als die van mij
Klik dan op de x, en kijk of je probleem verholpen is.
Als dit het probleem niet verhelpt, is er misschien nog iets… maar ik wacht tot je dit geprobeerd hebt.
Chrome neemt de systeem clearType waarde voor lettertypes. Beter kijken in Windows 7 verklaart dat. Op een Mac is Anti-aliasing ingeschakeld voor alle lettertypen boven maat 8, neem ik aan. Probeer aanzetten of verander de clearType van je Windows machine
Update : Het lijkt erop dat Chrome 22 en hoger de systeeminstellingen voor clearType negeren
Ik had precies hetzelfde probleem, het renderen van webfonts van http://www.google.com/webfonts in Chrome. Ik probeerde alle suggesties op deze en een paar andere sites en geen van hen werkte.
Uiteindelijk begon ik de CSS eigenschappen van de betreffende tekst te inspecteren, het bleek de eigenlijke font-kleur te zijn die het probleem veroorzaakte. Een titel met color:#454545 zou slecht renderen, maar dezelfde titel met het volgende: color:#333 werkte prima. God zij dank voor user agent specifieke stylesheets!
Chrome rendert web fonts op dit moment niet goed. Er zijn verschillende bugs op hun issue tracker voor dit. Geef ze een ster als ze relevant zijn, zodat ze meer aandacht krijgen.
Bij mij was het niet de ClearType instelling in Windows 10.1 x64, maar bleek het een instelling te zijn in mijn Chrome browser genaamd DirectWrite.
chrome://flags/#directwrite Dat loste het probleem voor mij op.
Ik had dit probleem zo ernstig in Windows XP SP3 dat het Chrome voor alle doeleinden onbruikbaar maakte. Ik merkte dat ik Clear Type Tuning had geïnstalleerd in het Configuratiescherm en probeerde het vinkje weg te halen bij “Enable Font Smoothing” in het geavanceerde tabblad. Na het herstarten van Chrome. was het ok, zelfs na het opnieuw inschakelen van Font Smoothing. Ik besloot het vakje “Alle instellingen op standaardwaarden toepassen voor nieuwe gebruikers en systemen” aan te vinken.
Ga naar chrome://flags/ (of about:flags) en Disable de optie Override software rendering list.
Versneld 2D canvas moet ook uitgeschakeld zijn.
Die combinatie hielp mij.
druk op windows key + r en typ dan cttune.exe in
alternatieve methode is om op windows key te drukken en typ dan cleartype in en selecteer dan Adjust ClearType Text
en volg de instructies, als je nog steeds problemen hebt probeer dan een van de andere voorbeelden
dit werkte voor mij, je moet de verschillende voorbeelden proberen, het lijkt veel op contrast/helderheid kalibratie maar dan voor tekst
FYI: het uitschakelen van 2d versnelling kan helpen om chrome te laten spelen met windows cleartype tune tool
Het lijkt erop dat het lange en moeilijke antwoord is dat het niet kan. Er zijn genoeg discussies en suggesties in Chrome help , maar ik zie niets wat de moeite waard is om te suggereren.
De grote vraag is hoe krijg je het zo slecht eruit?! Ik gebruik Chrome om in dit vak te typen… ik heb zelfs een heel stuk ingezoomd en ik zie niets zoals jij dat doet. Als je hierna nog steeds vragen hebt, moet je je configuratie uitleggen aan de gemeenschap.
Hoewel Chrome “bruikbaar” is voor de lettertypes, ziet het er dun en uitgewassen uit waar het diagonale lijnen rendert in het bijzonder. IE rendert veel beter, maar IE is een tragere browser en FireFox ook.
Ik geloof dat dit inherent is aan de code voor chrome.
BTW, HackToHell, waar moet ik heen om de renderkleur te veranderen?
Ik zal dit proberen.
Als u wilt dat weblettertypen leesbaar zijn terwijl lettertypevereffening/vervaging is uitgeschakeld, dan is de oplossing om weblettertypen in Google Chrome uit te schakelen. In dat geval zal de browser OS-standaardlettertypes gebruiken die correct worden weergegeven wanneer cleartype/smoothing is uitgeschakeld. Om dit te doen geef je de /disable-remote-fonts vlag door aan chrome.exe. Klik op de snelkoppeling van Google Chrome op het bureaublad, selecteer Eigenschappen, ga naar het tabblad Snelkoppeling en stel Doel in op:
"C:\Program Files (x86)\Google\Chrome\Application\chrome.exe" /disable-remote-fonts
Er kan een probleem zijn met web fonts die zijn uitgeschakeld. Als een website gebruik maakt van pictogrammen van weblettertypen, dan worden deze niet weergegeven.
Het overeenkomstige probleem in Chromium tracker:
“Systeembrede ClearType instelling niet gerespecteerd voor web fonts https://code.google.com/p/chromium/issues/detail?id=319429