0

Google Web フォントを代替フォントとして使用しようとしています。ただし、代替フォントではなく、主要なフォントとして機能しています。

私の では、フォントにリンクしています：

<link href='http://fonts.googleapis.com/css?family=Balthazar' rel='stylesheet' type='text/css'>

私の CSS には、Copperplate フォントのバリエーションがあり、自分の PC で動作することがわかっており、そのうちのいくつかをインストールしています。この部分は、CSS の冒頭にあります。

.class{
    font-size: 24pt;
    font-family: Copperplate Gothic Bold, Copperplate Gothic Light, Copperplate, Balthazar;
}

Balthazar は最後のフォントですが、最初のフォントとして登場します。どうすれば修正できますか？

4

2 に答える 2

1

font-family の劣化は、3 つのインポート シナリオ ( @import、<link>、またはJavaScript) のすべてで、Google フォントで問題なく動作するようです。

この例を参照してください: http://jsfiddle.net/awRQm/

最も可能性の高い原因は、実際にバルタザールにフォールバックしていることです。

複数単語のフォント名の場合は、次のように一重引用符で囲むのが最善です。

.class{ font-size: 24pt; font-family: 'Copperplate Gothic Bold', 'Copperplate Gothic Light', Copperplate, Balthazar; }

CSS 2.1仕様によると：

「一連の識別子がフォントファミリ名として指定されている場合、計算された値は、シーケンス内のすべての識別子を単一のスペースで結合することによって文字列に変換された名前です」

于 2012-08-15T19:07:14.773 に答える
1

名前にスペースが含まれるフォントは、css で適切に読み取るために引用符で囲む必要があります。安全のために、これは Google Web フォントにも当てはまります。

例：font:family: "Copperplate Gothic Bold", "Copperplate Gothic Light", Copperplate, "Balthazar";

于 2012-10-19T22:52:23.550 に答える