1

Font-Faceは私のページの1つを除いてすべて作業しています-About 。動作していないのは1ページだけなので、ファイルパスの問題ではないと思います。また、すべてがローカルでうまく機能しました。原因は何でしょうか？どうすれば改善できますか？

ありがとうございました。

<div id="about">
    <div class="blurb">
        <p style="text-decoration:underline;color:#f20000;"><span style="color:#282828;">Welcome to BodywoRx</span></p>
</div><!-- end blurb -->

    <div class="banner-image">
        <img src="<?php echo get_template_directory_uri(); ?>/img/large.jpg" alt="about-place-holder" id="aph" />
    </div><!-- end banner-image -->
    <p>Body WoRx was founded on the belief that many dysfunctions of the body can be healed through massage therapy.  In a world where prescriptions are written for variety of symptoms, we offer an alternative solution to helping the body heal itself.  We are located in historic downtown Grand Prairie, conveniently centered between Fort Worth and Dallas.</p>
    <div class="bio">
        <img src="<?php echo get_template_directory_uri(); ?>/img/bridgett.jpg" alt="bridgett-freiburger" id="bf" />
        <p>Bridgett suffered from chronic neck, back, and shoulder pain for many years.  She went to many doctors, specialists, had many MRI&apos;s, but no one knew what was causing the pain.  She had been prescribed countless medications to help ease discomfort, but nothing to address the cause.  Bridgett stumbled across massage therapy and has since become a firm believer and advocate in its many benefits and healing properties.  Before getting into massage therapy, Bridgett served in the Marine Corps, and then continued supporting the war fighter while working at Bell Helicopter. Bridgett is a graduate of North Texas School of Swedish Massage.</p>
    </div><!-- end bio -->
</div><!-- end about -->

#about .banner-image {
    padding-bottom: 40px;
}

#about span {
    font-family: alexandria-bold;
    font-size: 193%;
    font-weight: normal;
    line-height: 1.5;
}

#about p {
    padding-top: 10px;
}

#about .bio {
    margin-top: 40px;
    padding-bottom: 40px;
}

#about .bio p {
    float: right;
    padding-left: 35px;
    width: 655px;
}
4

3 に答える 3

4

メインページとアバウトページの指定された場所にある6つのフォントのうち3つが あります。@font-face

Firefox w / Firebug Net Tabスクリーンショット： ここに画像の説明を入力してください

補足：これらの両方のページ（おそらくそれ以上）での欠落したクローズ。 anchor tagid="address"


ステータスの更新：Firefox@font-faceに関する問題の解決策を見つけました。2つの問題があります。

まず、問題がないことを説明するLIVEWebページのリンクを最初に公開したとき の時間をさかのぼってみましょう。以下のすべてのリンクは使用可能であり、見られる形式を反映しています。


誤字脱字worksであると理解されているので、そうする必要があります。これは明らかにあなたのウェブサイトではありません。worx

http://massagebybodyworks.com/


さて、これが修正されたバージョンです...そうですか？

http://massagebybodyworx.com/

まあ、修正されたバージョンは必要に応じて動作します（しゃれが意図されています）。


次に、機能していないAboutページのリンクを見てみましょう。

http://www.massagebybodyworx.com/about


休憩を入れて！エラーが表示されますか？さて、あなたのAbout Pagewwwがアンカータグに使用していることがわかったので、そうすべきではありません。それが壊れている理由です。アンカータグは次のようになります。

http://massagebybodyworx.com/about


そうは言っても、これがwww使用済みの修正されたホームページであり、Firefoxでも壊れていることに注意して ください。http://www.massagebybodyworx.com/

OK、問題1は解決されました。リンクで使用しないようにアンカータグを修正するだけです。www


問題2は、サーバー.htaccessファイルに関するものです。これは、リンクの着信処理の処理方法を制御するためです。

www具体的には、誰かがプレフィックスを介して手動でWebページを入力またはアクセスする場合は常に、非サイトにサービスを提供するようにサーバーを構成する必要があります。www次に、意図したとおりにWebページが表示されます。.htaccess file必要に応じて、Googleで詳細を調べてください。

では、なぜChromeではなくFirefoxで失敗するのでしょうか。

Firefoxにはさまざまなセキュリティルールがあり、誤って使用すると、同一生成元ポリシー@font-faceルールが原因でFirefoxが機能しなくなります。

Firefoxで機能しなくなる理由は、HTMLWebページのマークアップで確認できます。そこで、絶対URL@font-faceを使用してフォントを担当するCSSファイルを呼び出しています。

"http://massagebybodyworx.com/wp-content/themes/bodyworx/style.css"

次に、を介してサイトにアクセスするwwwと、同一生成元ポリシールールが適用され、@font-faceフォントが意図したとおりに表示されなくなります。

ただし、相対URLを使用してFirefoxを満足させることができます。

"wp-content/themes/bodyworx/style.css"

相対URLがあるということは、受信リンクの@font-face有無にかかわらずサイトにアクセスしたときに問題がないことも意味しますが、ファイルを適切に処理することをお勧めします。www.htaccess

補足：空白の問題があり、ヘッドセクションのリンクタグ用にURLエンコードする必要があります。外観は次のとおりです。

<link rel="pingback" href="BodywoRx%20Massage" />
于 2012-07-07T21:28:21.530 に答える
0

ブラウザーは、次のディレクトリから about ページに Web フォントを読み込めないようです: http://massagebybodyworx.com/wp-content/themes/bodyworx/type/

これは、www.massagebybodyworx.com からではなく、messagebybodyworx.com からそのディレクトリのコンテンツへのアクセスを許可するサーバー構成に関連していると思います。これは、クロスサイト スクリプティングの試みとして扱っています。

于 2012-07-07T20:54:30.077 に答える
0

このページは、以下の #about div のスタイルをピックアップしています。

#about span {
    font-family: alexandria-bold;
    font-size: 193%;
    font-weight: normal;
    line-height: 1.5;
    }

他のページのように小さいテキストにしたいのですか？その場合は、#about div から削除するか、以下を CSS に追加して、対応するページと同じにします。

#about .blurb p,
#about .blurb p span {
    font-family: alexandria;
    font-size: 193%;
    font-weight: normal;
    line-height: 1.5;
    text-decoration: underline #f20000;
    }

これが役立つことを願っています。

于 2012-07-07T20:22:21.960 に答える