CSSのフォントで良さそうなフォントがあるのですが

どのように設定すればよいのかわからないfont-familyがあります。
http://www.pygma.com/
とか
http://www.p3-academy.jp/
のフォントです。
フリーでダウンロードするフォントなのでしょうか?
設定の仕方も含めて教えていただければと思います。

回答の条件
  • URL必須
  • 1人1回まで
  • 登録:2009/11/28 13:40:39
  • 終了:2009/11/28 14:49:53

ベストアンサー

id:Reiaru No.1

Reiaru回答回数152ベストアンサー獲得回数382009/11/28 14:28:44

ポイント60pt

まず、「CSS のフォント」というのがおかしいです。

CSS にはフォントの指定はあってもフォント自体などは存在しません。


どの箇所の事をおっしゃっているのかが分かりませんが、それが画像でない限り、

そのフォントが見えているという事はそのフォントが daijin-ok 様の PC 内に存在している事を意味します。

ソースを見る限りはフリーでダウンロードする様なものではなく、最初から PC に存在しているフォントです。


http://www.pygma.com/css/common.css

こちらを例にとりますと、フォントを指定している箇所は二箇所です。

table, caption, tbody, tfoot, thead, tr, th, td {
	font-family: inherit;
}

body {
	font-family:"メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"MS Pゴシック","MS PGothic",Sans-Serif;
}

font-family の指定は前方から一致するフォントを検索します。

この場合は最初にメイリオ、それが PC に存在しなければ次に Meiryo …と続いていき、

最後まで何も見つからなかった場合には Sans-Serif (ともかくゴシック体で表示するという指定) となります。


取りあえず実験を行いたければ、この様な HTML を用意して下記の様な表記をしてみて下さい。

<html lang="ja-JP">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<meta http-equiv="Content-Style-Type" content="text/css">
<title>てすと</title>
<body>

<span style="font-family:メイリオ";>テストの文字列abcdef</span><br>
<span style="font-family:Meiryo";>テストの文字列abcdef</span><br>
<span style="font-family:verdana";>テストの文字列abcdef</span><br>
<span style="font-family:'ヒラギノ角ゴ Pro W3'";>テストの文字列abcdef</span>

</body></html>

ここで "メイリオ" 等の部分を書き換えてみればどれがお望みのフォントであるかが分かるでしょう。


注意する点として、フォント名に半角スペースが含まれる場合はフォント名をシングルクォート (') で囲む必要がある…筈なのですが、

場合によってはそのせいで駄目だったりする場合もありますのでその辺りは適宜試してみて下さい。


その指定を行い、かつ相手方の PC にそのフォントが存在すれば同様に相手の方にも表示されますが、

相手方の PC にそのフォントが存在しなければ当然違った状態で表示される事になります。

(Sans-Serif という指定はその為の保険の様なものです)

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません