WEBフォントを導入

質問

下記サイトにWEBフォントを導入したのですが、適応されません。
何か間違っているのでしょうか？

下記ソース。
/*WEBフォント*/
/*!
* "fontname" is lisenced under Creative Commons Attribution License 3.0
* by http://font-foundry.com/fontname/
*/
@font-face {
font-family: 'WEBFont';
src: url('font/sawarabi-gothic-medium.otf') format('oldIE'),
}
/*WEBフォント終了*/

* {
font-family: "WEBFont","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", seri;
font-weight: bolder;
}

また、format('oldIE'),という部分は必須なのでしょうか？

http://sample1.digi2.jp/kindergarten/index.html

回答No.3

barusu0126 · ベストアンサー

rel='stylesheet'はスタイルシートの場所を記述する際、必ず必要です。

font-family: 'Monsieur La Doulaise'はフォントの種類とか総称明とか、要するにフォントを指定する部分です。

'Monsieur La Doulaise'で一つの名称になるので、種類が増える場合は「'名称1','名称2'」という書き方になります。

http://msugai.fc2web.com/web/app/font.html
↑ここに詳しく書いています。

お礼

ありがとうございます。お忙しい中大変ありがとうございました。

回答No.2

barusu0126

<link href='http://fonts.googleapis.com/css?family=Monsieur+La+Doulaise&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
<style>
p{
font-family: 'Monsieur La Doulaise';
font-size: 100px;
}
</style>

↑これをヘッダに記入で反映しませんか？

お礼

ありがとうございます。お忙しい中大変ありがとうございました。

反映します。

rel='stylesheet'はいつもそのままで良いのですね。

family=Monsieur+La+Doulaise&subsetここがフォントの指定する名前でプラスは半角を開ければよいのですね。

三つのフォントという意味でしょうか？

回答No.1

barusu0126

フォントへのパスが相対パスになってますが、下の階層に置いてあるんでしょうか？

http://ozpa-h4.com/2012/12/26/google-web-fonts/

↑こちらを参考にしてみてください。

お礼

<link href='http://fonts.googleapis.com/css?family=Monsieur+La+Doulaise&subset=latin,latin-ext' rel='/kindergarten/base.css' type='text/css'>

rel='/kindergarten/base.css' をフルパスでWEBfontを使うCSSをしているストいことでしょうか？