基本的にオレンジ色の背景といくつかの透明な黒いコンテナで構成されているブートストラップを使用して Web サイトに取り組んでいます。 http://i.stack.imgur.com/n9G5O.png
ご覧のとおり、透明なボックスに表示されるフォントは見栄えが悪いです。私は Tahoma を使用していますが、これは私が試したすべてのフォントで発生します。
そのようなテキストを改善する方法はありますか?
前もって感謝します!
基本的にオレンジ色の背景といくつかの透明な黒いコンテナで構成されているブートストラップを使用して Web サイトに取り組んでいます。 http://i.stack.imgur.com/n9G5O.png
ご覧のとおり、透明なボックスに表示されるフォントは見栄えが悪いです。私は Tahoma を使用していますが、これは私が試したすべてのフォントで発生します。
そのようなテキストを改善する方法はありますか?
前もって感謝します!
TahomaはWindowsフォントであるため、おそらく他のブラウザでArialを使用します。
また、提供したスクリーンショットは、テキストのレンダリングエンジンが非常に悪いInternetExplorerからのもののようです。(chrome / firefox / safariを試してください)
また、Windowsの設定でClearTypeを有効にしてみることができることもどこかで読みましたが、ブラウザーレベルからそれを強制する方法はありません。
javascript cufonですべての文字を画像/キャンバスに変更し、そのように適用することもできますが、それはパフォーマンスを低下させ、最善の解決策ではない可能性があります。
IEをサポートしたい場合は、通常、メニューボタンとして画像(png)を使用することになります。