IE8:クリアタイプを無効にしますか?

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

質問

IE7の場合は追加可能です 

filter: none;

body CSS に追加して、CSS を通じてフォントの ClearType を無効にします。私はこの見た目が曖昧で好きではありませんし、ブラウザ間で一貫性もありません。IE;Firefox と IE6 では表示が異なります。

ただし、IE8 は、次のコマンドを使用してブラウザを IE7 互換モードに強制した場合でも、css オプションを無視するようです。

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


TL;DR:IE8 で CSS を通じてクリアタイプ フォントを無効にするにはどうすればよいですか?

役に立ちましたか？

解決

思い出すと、エレメントにフィルターが設定されている場合、Internet Explorer 7+はClearTypeを無効にします

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

また、多くのユーザーがClearTypeを無効にするのは面倒だと思うかもしれません。控えめに使用してください！

他のヒント

できません。 ClearTypeは、ブラウザーのユーザー設定です。特定の要素に対して無効にするCSSは、機能ではなくバグである可能性が高く（動的に生成またはアニメーション化された一部の要素に対して無効になることに気づきました）、依存しないでください。

この点であなたの好みが何であれ、おそらくあなたのサイトを見ているユーザーのものではありません。なぜわざわざ？ ClearTypeが気に入らない人は、おそらく既に無効になっています。

注：フィルターで動作する理由は、フィルターがブラウザーによってレンダリングされるのではなく、何か別のもの（おそらく、DirectX、そこにある「DX」を考慮しているためです。副作用であり、機能ではありません）。

注2：予想どおりIE 9で修正されました。これは本当に、あなたが聞くことができないことを除いて多くの人が以前に言ったように、あなたが負けることができる戦いです。

Juliano、body{ filter:none } は、より優れた、よりクリーンなソリューションです。不透明度を使用すると、場合によっては問題が発生します。

ClearType 愛好家の皆様にお答えします。私も ClearType が好きです。液晶モニターの大きな進歩だと思います。問題は、IE が特定の要素で ClearType を使用しようとすると、次のように見えることです。 悪い ClearType を無効にした場合よりも。これらには、(JavaScript を使用して) ビューにフェードインされる要素や、​​インポートされた @font-face フォントが含まれます。もし、あんたが のように ClearType なら、次のことを行います。 嫌い このような状況で IE が ClearType を使用しようとした場合、テキストは分厚く、太く、醜く見えます。

このような場合、必要なスムーズなフォントを実現するには、可能であれば ClearType を削除する必要があります。

cleartypeを無効にするCSSソリューションはありません。 IE7でこれを実行できる理由は、フィルターを使用した要素でブラウザーがテキストをレンダリングした方法の副産物でした。どうやらIE8はこれをうまく処理しているので、そのハックはもう使用できません（少なくとも実際にはフィルターを適用しない限り）。

cleartypeの使用はユーザーの選択であり、訪問者に課すべきものではありません。個人的には、cleartypeが大好きで、無効になっているサイトを訪問した場合、そのサイトは本当にくだらないように見えたでしょう。

テキストがブラウザやオペレーティングシステムによって異なるようにレンダリングされるという事実は、あなたが一緒に生きなければならないものです。すべての人にまったく同じように見せたい場合は、イメージにする必要があります。

ここで聞いていない人がたくさんいると思います。 @Daniel Sloofは、それが良いアイデアかどうかではなく、どのように尋ねているのかをずっと言っていました。 IEは完全なアイデアではありませんが、実際には多くの人がまだ古いバージョンを使用しているため、90％はClear Typeが何であるかさえ知らないという推測を危険にさらします-確かにそうではありませんサイトのデバッグを開始するまで。彼らは確かに彼らのブラウザがどれだけゴミかを知らない。 IEでWebkitのように滑らかに見えるスムーズに機能するページを設計したい場合、時々奇妙なハックを採用する必要があります。ほとんどの人は、きれいなコードよりもきれいなサイトの影響を受けます。

@capnhairdoは@ font-faceについても語っていますが、IE7および8でClear Typeを有効にしてこれらのフォントを実際にテストした人はいますか？多くの場合、CTを無効にすると通常のように恐ろしくレンダリングされることに気づいたなら、そもそも素敵なフォントを選択することでオブジェクトを打ち負かすことになり、CufonやSifrのようなものは実行可能なソリューションではありません。私たちの中には、平凡に見えるものでも大丈夫です。私にとってはそうではありませんが、私のウェブサイトは私の画像を販売しています。

AppleでさえIE8のIE7エミュレーションを自分のサイトで強制していると考えると、ほとんどの人は「推奨されるプラクティス」からのわずかな逸脱の影響を受けないことを強調する必要があります。そしてほとんど読めません。これは誰にも恩恵をもたらすものではなく、CTオンで発生する可能性がある問題です！私は可能な限り一貫性を保つよう努めており、そのような状況でIEユーザーがどのような選択肢を持ち、どのような選択肢を持たないかについては説明できませんでした。マイクロソフトは、標準から逸脱しようとするブラウザーを作り、それ自体がハックと修正をリリースしているので、私たちはそれに対処しなければならないことで詰まっています。それがバグを利用して問題を修正することを意味する場合、それがパフォーマンス、帯域幅、またはユーザビリティに大きな影響を与えない限り、それを行うだけです！人生は標準準拠を引用するのを混乱させるには短すぎます。きちんとしたコードと厳格な方法論を理想に尊重していますが、来てください、あなたたちは自分自身の完璧さが存在しないと言っているのと同じくらい良いです。バランスのとれた視点から優れた設計と構造がもたらされます。ここで暴言を終わらせる:-P

CleartypeはJavaScript / AJAXベースのソリューションではバカに見えることもありますが、このトピックはIEでjQueryベースのアニメーションが壊れているように見える理由に答える可能性があります。 100秒（1秒の持続時間）。その後、cleartypeフォントが要素から削除され、フェードアウトし、アニメーションの外観が非常に悪くなります。

何らかの理由で要素を配置しました（{position：relative}内のすべて）-1未満の不透明度でアニメーション化されません

要素にMS CSSフィルターを設定し、その中のフォントでClearTypeを有効にすることができます。子要素を追加して、そのCSSの「位置」を設定するだけです。 「相対」にClearTypeは無効になりません。以下をコピーして試してください。

<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>
ライセンス： CC-BY-SA と 帰属
所属していません StackOverflow
scroll top