人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

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


●質問者: 家庭教師で中学受験
●カテゴリ:コンピュータ ウェブ制作
✍キーワード:CSS ダウンロード フォント フリー
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

1 ● Reiaru
●60ポイント ベストアンサー

まず、「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 という指定はその為の保険の様なものです)

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ