1

Font-Face 正在处理除我的一个页面之外的所有页面——关于。因为它只是一个不起作用的页面，所以我认为这可能不是文件路径的问题。此外，一切都在当地运作良好。可能是什么原因？我该如何补救？

谢谢你。

<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

带有 Firebug 网络选项卡的 Firefox 屏幕截图： 在此处输入图像描述

旁注：您在这两个（也许更多）页面中都缺少关闭。 anchor tagid="address"


状态更新：我找到了解决您的Firefox@font-face问题的方法。有2个问题。

首先，让我们回到您最初发布 LIVE 网页链接的时间，并说明您对此没有任何问题。 下面的所有链接都是可用的，并反映了所看到的格式。


据了解，这works是一个TYPO，应该是worx. 这显然不是您的网站。

http://massagebybodyworks.com/


好的，这是更正的版本……对吧？

http://massagebybodyworx.com/

好吧，更正后的版本可以根据需要使用（双关语）。


现在让我们看看不起作用的关于页面的链接：

http://www.massagebybodyworx.com/about


休息一下！你看到错误了吗？好吧，事实证明您的关于页面正在使用www锚标签，它不应该。这就是它破裂的原因。锚标记应该是：

http://massagebybodyworx.com/about


话虽如此，这是您更正后的主页，www并注意它在 Firefox 中也中断了： http://www.massagebybodyworx.com/

好的，问题1解决了。只需修复您的锚标记，不要在链接中使用www。


问题 2 与您的服务器.htaccess文件有关，因为它控制如何处理链接的传入处理。

www具体来说，每当有人通过前缀手动键入或访问您的网页时，您的服务器需要配置为为他们提供非www站点服务。然后，您的网页将按照您的预期呈现。.htaccess file如果需要，请在 Google 上进行更多研究。

那么，为什么它在 Firefox 而不是 Chrome 中失败了呢？

Firefox 有不同的安全规则，使用@font-face不当会因为同源策略规则而导致其崩溃。

它在 Firefox 中中断的原因可以在您的 HTML 网页标记中看到。@font-face在那里，您正在使用绝对 URL调用负责字体的 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最好是正确处理文件。

旁注：您有一个空白问题，应该为您的 head 部分中的链接标签进行 URL 编码。这是它的外观：

<link rel="pingback" href="BodywoRx%20Massage" />
于 2012-07-07T21:28:21.530 回答
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 回答
0

似乎浏览器无法从以下目录在 about 页面上加载 webfont：http: //massagebybodyworx.com/wp-content/themes/bodyworx/type/

我认为这与服务器配置有关，它允许从 Massagebybodyworx.com 访问该目录的内容，但不能从 www.massagebybodyworx.com 访问，将其视为跨站点脚本的尝试。

于 2012-07-07T20:54:30.077 回答