6

サンプルCSSはこちら

h1 {
   font-family: 'header-font', arial, sans-serif;
}

p {
   font-family: 'paragraph-font', arial, serif;
}

CSSのファミリ名が「header-font」になるように、リモートのGoogleフォント(「Lato」としましょう)をロードすることは可能ですか?

編集: この背後にあるアイデアは、WP テーマでフォントを簡単に交換できるようにすることです。残念ながら、私の場合、CSS プリプロセッサで変数を使用することはできません。

4

3 に答える 3

4

私はあなたが正直に言うことができないと思います。Google フォントを表示すると、Google フォントには定義済みの名前があります。たとえば、これを参照してください: http://fonts.googleapis.com/css?family=Akronim

その名前は「Akronim」として設定されており、他の名前で参照できるとは思いません。

于 2013-01-10T14:26:11.757 に答える
-2

はい、@font-face スタイル宣言でフォント ファミリを定義するときに任意の名前を付けて、後でスタイルシートで参照するためにその名前を使用できます。

@font-face
{
  font-family: whateverYouWant;
  src: url('example.ttf'),
       url('example.eot');
       ... /* and so on */
}

font-family プロパティのようにスタイルに名前を付けると、ドキュメントの残りの部分からどのように参照されるかが決まります。ただし、ローカル フォント ファイルとどのように競合するかはわかりません (したがって、カスタム フォントに Arial という名前を付けようとした場合、カスタム フォントと実際の Arial のどちらが得られるかわかりません)。とにかく、なぜあなたがそれをするのかわかりません。

于 2013-01-10T14:19:16.197 に答える