0

私の Web サイトに適切なフォント PT Sans.ttc が表示されません。他のブラウザで確認しましたが、問題なく動作しています。

www.farmap-ux.com。以下はCSSコードです。

@font-face
{
font-family: PT Sans;
font-family: font-family: 'PT Sans', sans-serif;
src: url("http://fonts.googleapis.com/css?family=PT+Sans")
}

つまり、私が言ったようにすべてで動作します (Chrome、Safari、さらには Opera!) アイデアはありますか? フォントの .woff ファイルを見つけようとしましたが、Font Book にないと思います。

4

4 に答える 4

5

たぶん、あなたの@font-face宣言がまったく有効ではないからです。次のようになります。

@font-face
{
    font-family: 'PT Sans';
    font-style: normal;
    font-weight: 400;
    src: local('PT Sans'), local('PTSans-Regular'), url(http://themes.googleusercontent.com/static/fonts/ptsans/v4/LKf8nhXsWg5ybwEGXk8UBQ.woff) format('woff');
}

ただし、Google が提供する CSS ファイルを使用することをお勧めします。

<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=PT+Sans">

CSS インポートに固執したい場合は、

@import url(http://fonts.googleapis.com/css?family=PT+Sans);
于 2013-01-09T22:50:02.673 に答える
1

あなたは本当にあなたのCSSをチェックするべきです！構文は正しいものから何マイルも離れています。

また、http://fonts.googleapis.com/css?family=PT+Sansすでにcssファイルです！あなたがすべきことは、インポートはタグ<head>を使用してあなたのhtmlに直接それを置くことです。link

この例を見てください：http ：//www.w3schools.com/tags/tag_link.asp 、または前に述べたように、htmlファイルに以下を追加してください。

<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=PT+Sans">
于 2013-01-09T22:49:45.777 に答える
0

Google Webfontsの指示に従うと、問題が解決するはずです。

まず、フォント ファイルを参照するために必要な Google CSS が含まれていることを確認します。LINKHTML にタグを含めるオプション@import、CSS にディレクティブを含めるオプション、または Javascript を含めるオプションがあります。LINKブラウザの互換性を最大限に高めるために、次のタグをお勧めします。

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

この CSS をサイトに追加すると、Google はブラウザで使用する正しいフォント タイプを自動的に決定します。すべてのブラウザが WOFF ファイルを使用しているわけではありません。古いバージョンの IE は EOT ファイルを使用し、ブラウザによっては SVG または TTF を優先します。Google はブラウザの種類をスニッフィングし、必要に応じて含まれている CSS を変更できます。

Google の CSS が組み込まれた後は、フォントを表示したい CSS でフォ​​ント ファミリーを参照するだけで済みます。

font-family: 'PT Sans', sans-serif;

必要な CSS はこれだけです。リンクした他のすべての CSS を削除します。他の回答で述べたように、CSS にはいくつかのエラーがあります。

于 2013-01-09T22:55:51.597 に答える
-1

試す：

@font-face {
  font-family: 'PT Sans';
  font-weight: normal;
  src: url("http://fonts.googleapis.com/css?family=PT+Sans");
}
于 2013-01-09T22:50:32.200 に答える