2011-02-22 8 views
0

私は、WordPressのブログでファンシーボックスを使ってインラインで参照されているフォントのスタイルを設定しようとしています。 chromeとfirefoxの両方を使用します。フォントフェイスとワードプレス

1)、その後、テーマのスタイルシートにする@ font-faceのロードページ自体にHTMLマークアップに追加する:

私はこの二つの方法を試してみました。ブログの段落テキストのすべてがそのフォントでロードされることを望んでいませんが、fancyboxのインライン展開だけです。私はすべてのソースが正しいことを知っています。なぜなら、私はhtmlファイルでそれらを試してみて、完全に読み込むからです。

2.)私はページのHTMLマークアップ自体に@ font-faceを読み込もうとしました。私はスタイルを追加し、ページの上部にそのスタイルで呼び出しを配置し​​ます。次に、通常のhtmlページで動作するのと同じ方法でfont-familyを参照します。

単純なhtmlページで作業しているという事実は、私がワードプレスで間違ったことをしていると思います。ここで

はページのURLです:http://elparquenuez.com/sandbox/wordpress/?page_id=4

ファンシーボックスをロードするために最初の画像をクリックしてください。

答えて

1

あなたが持っているこのコードについて正しいものはほとんどあり:

           <style type="text/css"> 
<p>@font-face { 
font-family: "fanwood"; 
src: url(http://localhost:8888/html5/fanwood/Fanwood.otf); 
}</p> 
</style>

http://reisio.com/examples/webfonts/またはhttp://paulirish.com/2009/bulletproof-font-face-implementation-syntax/を参照してください、とあなたは同じドメイン上のすべてをするつもりだことを心に留めておくが。

関連する問題