0

テキストを細くしようとしていますが、ウェブサイトで適切に機能しているのを見てきました。 http://www.freshthemes.net/demo/backbone/about-us/ ( の下company overview)

これは私が使用しているスタイルです:

.intro p{
    text-align: justify;
    margin-bottom: 8px;
    line-height: 22px;
    margin-bottom: 8px;
    font: 17px/21px "Open Sans", Arial, "HelveticaNeue", "Helvetica Neue", Helvetica, sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: 300;
    color:#656565;
}

そして、フォントは次のようにロードされます：

<link rel='stylesheet' id='google_webfont_OpenSans-css'  href='http://fonts.googleapis.com/css?family=Open+Sans' type='text/css' media='all' />

事、font-weightプロパティは何の効果もないようです。300に設定してもしなくても構いません。（そして、以前のサイトでは機能していないはずです）

これは私の体です：

<div class="intro">
    <p>
        This is the text that should be thinner
    </p>
</div>

私は何が欠けていますか？

4

2 に答える 2

10

すべてのフォントの重みをロードしているわけではありません。あなたはそのようなことを試す必要があります:

<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800' rel='stylesheet' type='text/css'>

この Google ページで、必要なすべてのフォントをチェックして、必要に応じてカスタマイズできます (ただし、フォントをロードしすぎると、サイトの速度に注意してください!): http://www.google.com/webfonts#UsePlace:use/コレクション:Open+Sans

于 2012-11-13T11:41:02.203 に答える
1

<link>Web フォントの異なるウェイトを使用するには、次のようにフォント名の末尾にウェイトを追加して、それを に含める必要があります。

<link rel='stylesheet' id='google_webfont_OpenSans-css' ref='http://fonts.googleapis.com/css?family=Open+Sans:400,300' type='text/css' media='all' />

そのような追加のたびにページの読み込みが重くなりますが、フォントの重みが多すぎるフォントを読み込むことにうんざりしてください

于 2012-11-13T11:42:54.243 に答える