0

CSS で複数のフォント フェイスを使用できることはわかっています。現在、これらのフォントを使用する 2 つの HTML ページがありますが、将来的にはさらに増える予定です。現在、これらのフォント フェイスはインライン css を介して宣言され、クラスを介して使用されます。私が本当に望んでいたのは、すべてのフォントフェイスを単一の fonts.css にラップし、個々の html ページでその css を参照して使用することでした<p class="...-font"><p>

したがって、私のフォントの css は次のようになります。

@font-face {
        font-family: 'Komika';
        src: url('/bin/res/font/KOMIKAX_-webfont.eot');
        src: url('/bin/res/font/KOMIKAX_-webfont.eot?#iefix') format('embedded-opentype'),
        url('/bin/res/font/KOMIKAX_-webfont.woff') format('woff'),
        url('/bin/res/font/KOMIKAX_-webfont.ttf') format('truetype'),
        url('/bin/res/font/KOMIKAX_-webfont.svg#KomikaAxisRegular') format('svg');
        font-weight: normal;
        font-style: normal;
}
.komika-font {font: 30px 'Komika', Tahoma, sans-serif;}

@font-face {
        font-family: 'Nevis';
        src: url('/bin/res/font/nevis-webfont.eot');
        src: url('/bin/res/font/nevis-webfont.eot?#iefix') format('embedded-opentype'),
        url('/bin/res/font/nevis-webfont.woff') format('woff'),
        url('/bin/res/font/nevis-webfont.ttf') format('truetype');
        font-weight: normal;
        font-style: normal;
}
.nevis-font {font: 500% 'Nevis', Tahoma, sans-serif;}

そして、htmlは次のようになります。

<head>
<link rel="stylesheet" href="/bin/res/style-fonts.css.php" type="text/css" />
<link rel="stylesheet" href="/bin/res/style.css.php" type="text/css" />
<title><?php echo $photo_title ?></title>
</head>

<body>
    <h1 class="____">Some text here</h1>
<body>

そして ____ は「nevis-font」である必要がありますが、IDE (Dreamweaver) はオートコンプリートさえしません。

出来ますか？試してみたところうまくいきませんでした（選択したフォントが表示されませんでした）。

問題は、フォントフェイスを含む css が、私のように .php で終わることができないことでした。*.css.php を使用するのは、.php がサーバーに強制的に css ファイルを圧縮させるためです。

4

2 に答える 2

1

はい、可能です。より詳細な回答を得るには、以前に発生した問題の詳細が必要です。

于 2012-07-18T17:11:25.317 に答える
0

問題は、font-faces を含む css が、私のように .php で終わることができないことでした。*.css.php を使用するのは、.php がサーバーに強制的に css ファイルを圧縮させるためです。

于 2012-07-18T17:44:47.227 に答える