IE8: Deaktivieren Sie Cleartype?

StackOverflow https://stackoverflow.com/questions/1031531

Frage

Für IE7, ist es möglich hinzuzufügen 

filter: none;

, um den Körper css Cleartype auf Schriftarten durch CSS zu deaktivieren. Ich weiß nicht wie der Fuzzy-Look gibt es, und es ist nicht wirklich konsequent in allen Browsern. IE; Firefox und IE6 zeigen das anders.

aber IE8 scheint die CSS-Option zu ignorieren, auch wenn zwingt den Browser in IE7 Kompatibilitätsmodus mit: 

<meta http-equiv="X-UA-Compatible" content="IE=7" />


TL; DR: Wie kann ich klar Type-Schriften in IE8 durch CSS deaktivieren

?

War es hilfreich?

Lösung

Von dem, was ich mich erinnere, Internet Explorer 7+ deaktiviert Cleartype, wenn ein Filter auf ein Element gesetzt 

#target {
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=99)";
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=99);
}

Auch nicht der Meinung, dass viele Nutzer ärgerlich Cleartype zu deaktivieren finden. Sparsam verwenden!

Andere Tipps

Sie können nicht. Cleartype ist eine Benutzereinstellung im Browser. Jede CSS, die es für bestimmte Elemente ist wahrscheinlich ein Fehler deaktivieren würde, kein Merkmal (Ich habe bemerkt, es für einige dynamisch generiert oder animierte Elemente deaktiviert wird) und sollten nicht als verlässlich angesehen werden.

Was auch immer in dieser Hinsicht Ihre Präferenz ist wahrscheinlich nicht der Benutzer, die Ihre Website sieht. Wieso sich die Mühe machen? Wer nicht von Cleartype mag wahrscheinlich hat es bereits deaktiviert.

. Hinweis: Der Grund, warum es mit Filter funktioniert, ist, dass die Filter nicht vom Browser, sondern etwas anderes gemacht werden (DirectX wahrscheinlich, wenn man bedenkt das „DX“ dort würde ich überlegen noch, dass ein Nebeneffekt, und kein Merkmal).

Hinweis 2: Feste wie die IE 9, wie erwartet. Das ist wirklich ein Kampf Sie nur verlieren kann, wie viele Sie gesagt haben, bevor außer Sie nicht hören würde.

Juliano, body {Filter: none} ist eine bessere, sauberere Lösung. Mit Opazität führt zu Problemen in einigen Situationen.

Um alle Enthusiasten Cleartype zu beantworten - Ich mag auch Cleartype. Ich denke, es ist ein großer Fortschritt für LCD-Monitore. Das Problem ist, dass, wenn IE versucht, Cleartype auf einige spezifische Elemente zu verwenden, sieht es schlechter , als wenn Sie hatte Cleartype deaktiviert. Dazu gehören Elemente, die in dem Blick verblasst sind (mit Javascript) sowie importierten @ font-face-Schriften. Wenn Sie wie Cleartype, dann wirst du Hass was IE tut, wenn es Cleartype in diesen Situationen zu verwenden versucht, ... Ihr Text sieht klobig, fett und hässlich.

In diesen Fällen Cleartype entfernt werden soll, wenn möglich, die glatten Schriften, die Sie Jungs wollen erreichen.

Es gibt keine CSS-Lösung zu Cleartype zu deaktivieren. Der Grund, dass Sie es in IE7 tun konnten, war ein biproduct, wie der Browser gerendert Text in Elementen, die Filter verwendet. Appearently IE8 behandelt dies besser, so dass Sie nicht, dass hacken mehr (zumindest nicht, ohne tatsächlich die Anwendung einiger Filter) verwenden können.

Die Verwendung von Cleartype ist eine Auswahl für die Nutzer, und nicht etwas, das Sie auf die Besucher verhängen sollte. Persönlich mag ich wirklich Cleartype, und wenn ich visisted eine Stelle, wo es deaktiviert Ich würde denken, dass die Website sah wirklich beschissen.

Die Tatsache, dass der Text wiedergegeben wird unterschiedlich in verschiedenen Browsern und unterschiedlichen Betriebssystemen ist etwas, das man mit leben. Wenn Sie es wollen, genau schauen für alle gleich, haben Sie es ein Bild zu machen.

Es gibt eine Menge Leute hier nicht hören ich fühle. @ Daniel Sloof sagte die ganze Zeit wurde er gefragt, wie, nicht, ob es eine gute Idee ist. IE ist eine schlechte Idee Stillstand, aber die Tatsache ist, viele Menschen nutzen immer noch ältere Versionen davon und jener Menschen, würde ich ahne, dass 90% wissen noch nicht einmal wissen, was Clear Type selbst - ich todsicher nicht tat bis ich anfing Websites debuggen. Sie sind sicherlich nicht bewusst nur schwach ihren Browser ist. Wenn Sie das reibungslose Funktionieren Seiten entwerfen möchten, die so glatt in IE aussehen, wie sie in webkit tun, müssen Sie die ungeraden Hack von Zeit zu Zeit zu umarmen, sicher, es ist nicht schön, aber so ist das Leben. Die meisten Menschen werden mehr von einem hübschen Ort als ziemlich Code beeinflusst werden.

@capnhairdo ist bob auf, wenn er sagt über @ font-face zu - haben von euch eigentlich diese Schriftarten mit Clear Type aktiviert in IE7 und 8 getestet? Wenn Sie hatte würden Sie viele erkennen gemacht werden schrecklich - wie das, was man normalerweise mit CT Behinderte bekommen würde - Art besiegt das Objekt eine schöne Schrift in erster Linie bei der Auswahl und für viele Größen wie Cufon und Sifr sind nicht tragfähige Lösungen . Um einige von uns ist es ok für Dinge zu mittelmäßig aussehen. Für mich ist es nicht, verkauft meine Website mein Bild.

Wenn man bedenkt, sogar von Apple zwingt IE7-Emulation für IE8 auf ihrer Website sollte betonen, dass wirklich die meisten Menschen nicht auf durch geringfügige Abweichungen von empfohlenen Praxis "betroffen sind, statt bemerken, dass sie weit mehr eine Website, die einen Mist Ästhetik liefert und ist kaum lesbar. Das tut niemandem einen Gefallen und ist ein Problem, das mit CT auf auftreten können! Ich strebe nach so viel Konsistenz wie möglich und konnte keine Sachen, welche Möglichkeiten ein IE-Benutzer geben sollte und nicht in dieser Situation haben sollte. Microsoft gestopft, indem Browser auf, die von Normen abzuweichen, versucht, dass sie sich Hacks und Fixes für so müssen wir mit ihm arbeiten freigegeben haben. Wenn das bedeutet, die Vorteile eines Fehlers nimmt ein Problem dann zu beheben vorausgesetzt, es ist nicht stark auf die Leistung auswirken, Bandbreite oder Verwendbarkeit tun Sie es einfach! Das Leben ist zu kurz, um Chaos über um Standard compliancy zitiert, ich ordentlich Code und eine strenge Methodik zu einem idealen respektieren, sondern kommen auf, euch haben so gut wie gesagt selbst Perfektion existiert nicht. Gutes Design und Konstruktion stammen aus einer ausgewogenen Perspektive. Hier endeth die rant :-P

Cleartype sieht manchmal dumm in JavaScript / AJAX-basierten Lösungen, aber dieses Thema möglich Antworten auf diese Frage, warum einige jQuery basierte Animationen in IE gebrochen werden aussehen .. so Antwort ist, dass, wenn JavaScript macht Fade-Effekt mit Opazität (opactiy auf 0 ab 100 in 1 Sekunde Dauer), dann Cleartype-Schriftarten werden von dem Element entfernt, die kommen, um auszublenden und Animation sieht wirklich schlecht.

aus irgendeinem Grunde positionierte Elemente (alles innerhalb {position: relative}) -. Animiert ist nicht w / eine Opazität von weniger als 1

Sie können sowohl eine MS CSS-Filter auf ein Element und noch Cleartype auf der Schriftart innerhalb ermöglichen. Fügen Sie einfach ein untergeordnetes Element und legen Sie seine css „Position“ auf „relative“ und Cleartype nicht deaktiviert bekommt. Kopieren Sie die folgenden und versuchen Sie es. 

<style>
#parent{
     background-color:white;
     filter:progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=180,strength=2);
     position:relative;
     border:solid 1px black;
     padding:10px;
     width:500px;
}
#child{
     position:relative; /*THIS SOLVED THE CLEARTYPE DISABLING PROBLEM IN BOTH IE7 & IE8*/ :)
}
</style>

<div id="parent">
     <div id="child">This text should always be smooth</div>
</div>
Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow
scroll top