0

だから、私は HTML/CSS でコーディングされた Web デザインに取り組んでおり、Chrome が白いテキストを大胆にレンダリングしないようにするための CSS の回避策があるかどうかを尋ねたい. 基本的に、Chrome がテキストをレンダリングする方法は見栄えが悪いので、Firefox や Safari のように、またはほとんど同じように表示したいと考えています。これは、多かれ少なかれ私が達成したいことのイメージです: ここに画像の説明を入力

編集：

コード： 

<head>

    <meta charset='UTF-8'/>

    <title></title>

    <style>

        body {
            background-image: url("image.jpg");
            background-size: 100%;

            font: 13px Verdana; color: #FFFFFF;
        }

        .content {
            width: 1024px
            margin: 0 auto;
            padding: 8px 16px;
        }

        .scape {
            width: 544px;

            margin: 256px auto;
            padding: 8px 16px;

            background-color: rgba(0, 0, 0, 0.8);
        }

    </style>

</head>

<body>

    <div class='content'>

        <div class='scape'>

            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam convallis tellus a tortor iaculis, non sodales risus porttitor. Maecenas vel mauris nec ligula ultricies dictum. Ut ornare vel risus et malesuada. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Quisque consectetur, dui in tristique fermentum, odio augue tempus nulla, ut vestibulum magna turpis vitae dolor. Integer quis nisi nisi. Praesent sit amet vestibulum ipsum. Quisque in pharetra massa, ac blandit augue. Sed vitae leo mattis, luctus dolor vel, ullamcorper ante.

        </div>

    </div>

</body>

他の 2 つのブラウザーのように、Chrome でフォントをより適切に、より細くレンダリングしたいと考えています。「-webkit-font-smoothing: none;」、「text-shadow: 0 0 0 #000;」、「font-weight: normal;」などを追加してみました。および「-webkit-text-stroke: -1px;」しかし、何も変わりませんでした。

4

2 に答える 2

0

の CSS を追加し.scapeます。

-webkit-font-smoothing: antialiased;font-weight:100;

これでうまくいくはずです。それが役立つことを願っています。

アップデート：

クロムのみに適用する場合は、jQuery を使用します。

$(function(){
    if (window.navigator.userAgent.indexOf('Chrome') != -1) {
        $('.scape').css('-webkit-font-smoothing', 'antialiased');
    }
});

css ファイルで css ルールfont-weight:100に対して宣言されていることを確認します。.scape

それが役立つことを願っています。

于 2013-10-27T09:03:04.593 に答える