2012-03-01 9 views
0

Wordpressテンプレートで@ font-faceを動作させるには?この@ font-faceはWordpressでどのように動作させるのですか?

これはこれは私がこのサイト上のすべての記事を読んでいないHTMLマークアップ

<div class="grid_12"> 

     <h1 class="logo"> 
     <a href="<?php bloginfo('url'); ?>">MAKE SPORT</a> 
     </h1> 

    </div> <!-- logo end --> 

あるCSSコード

@font-face { 
font-family: 'BorisBlackBloxx'; 
src: url ('http://www.make-sport.ru/wp-content/themes/make-sport/fonts/borisblackbloxx-webfont.eot'); 
src: url ('http://www.make-sport.ru/wp-content/themes/make-sport/fonts/borisblackbloxx-webfont.eot?#iefix') format('embedded-opentype'), 
    url ('http://www.make-sport.ru/wp-content/themes/make-sport/fonts/borisblackbloxx-webfont.woff') format('woff'), 
    url ('http://www.make-sport.ru/wp-content/themes/make-sport/fonts/BorisBlackBloxx.ttf') format('truetype'), 
    url ('http://www.make-sport.ru/wp-content/themes/make-sport/fonts/borisblackbloxx-webfont.svg#BorisBlackBloxxRegular') format('svg'); 
font-weight: normal; 
font-style: normal; 

}

.logo a{ 
font-family: 'BorisBlackBloxx', helvetica, arial; 
font-size: 72px; 
color: #000000; 
text-decoration: none; 

}

ですそのうちの1人は私を助けてくれませんでした。

Tは、パスと異なるものを作成し、タグにCSSからHTMLにする@ font-faceコードを取り、何も

あなたはどう思いますかを働かないしようと試み、それは間違っていますか?

答えて

0

ターゲティングは正しいと思われますが、フォントが正しく読み取られません。メインスタイルシート(style.css)にフォント埋め込みコードを配置してみてください。文書の先頭近くにあることが望ましい。

+0

はいこれは既にstyle.cssの最上部にあります –

+0

フォント面がローカルのWordpressでうまく動作するのが最も奇妙なのは ですが、同じテーマと同じコードが同じワードプレスバージョンでは動作しませんでしたが、ホスティング –

0

あなたのサイトのソースを調べました。

「BorisBlackBloxx」フォントを使用しようとしていた唯一の場所は.logo aでしたが、そこにあるテキストは画像にあります。

フォントファイルは画像に使用されているフォントを変更できないことは言うまでもないでしょう。私が見ていないページのどこかでこれを使っていますか?

また、その場合は、さまざまなブラウザを試してみましたか?

関連する問題