0

css や html スタイルではなく、ACTUAL フォント ファミリの特定のスタイルを使用する方法が見つからないという厄介な問題が発生しました。

私の場合、HTML Google の Webfont: Lato にリンクしています。今、必要なのはNormal400とBold700Italicsのスタイルだけです。

当然、googlefonts でフォントを選択すると、自動的にコードが生成されます。両方のコードを 1 つを HTML ドキュメントに、もう 1 つを CSS にコピーして貼り付けます。しかし、フォントlatoのスタイルNormal400およびBold700Italicsの使用方法がわかりません。

私が得ているのは、html で強調または太字のタグをスタイルに使用するのではなく、FONTS の「斜体」および「太字」スタイルを使用するのと同じです。フォントの美学の結果には大きな違いがあります。

これを行う方法はありますか？もしそうなら、CSS で @fontface ルールを使用する必要がありますか、それともこのルールを時々使用するのが怖いので別の方法がありますか?

グーグルのフォーラムでさえ、私はどこでも見てきましたが、それらはすべて同じ答えを出します：「cssまたはhtmlによるフォントスタイリング」。

4

2 に答える 2

0

フォントへのリンク:

<link href='http://fonts.googleapis.com/css?family=Lato:400,700italic' rel='stylesheet' type='text/css'>

CSS でフォ​​ントを宣言します。

.Lato-italic-700 {
    font-family: 'Lato', arial, sans-serif;
    font-style: italic;
    font-weight: 700;
}

表示したい要素にクラスを配置します。

<p class="Lato-italic-700">This is Bold 700 Italic text</p>
于 2013-02-13T12:05:58.747 に答える
0

問題が何であるかは明らかではありません。しかし、基本的に、linkGoogle が提案するように、要素を使用して Lato を通常の太字イタリック書体で使用した場合、宣言したテキストはfont-family: Latoa) Lato Regular で表示されます (そのフォントの太さとフォント スタイルが正常な場合)。 b) Lato Bold Italic で、両方があり、それにfont-weight: bold適用font-style: italicされる場合 c) その他の場合、可能性があります。たとえば、フォントの太さが太字に設定されているが、フォント スタイルが通常の場合、合成的に太字の Lato Regular が可能です。

たとえば、次の例では最初に Lato Regular が生成され、次に Lato Bold Italic が生成されます。代わりに他のマークアップまたは CSS を使用できます (通常は使用する必要があります)。これは単純な例です。

<!doctype html>
<link href='http://fonts.googleapis.com/css?family=Lato:400,700italic' 
      rel='stylesheet' type='text/css'>
<style>
body { font-family: Lato; }
</style>
Hello<br>
<i><b>Hello</b></i>

問題が解決しない場合は、HTML および CSS コードを投稿し、「html または css フォント スタイルではないフォントのスタイル」の意味と、外観との違いをどのように見分けることができるかを説明してください。

于 2013-02-13T16:48:55.033 に答える