在 Magento 商店中更改字体答案

【问题标题】：Change a font in Magento store在 Magento 商店中更改字体
【发布时间】：2014-04-12 07:39:49
【问题描述】：

我正在尝试在我的 Magento 商店首页上查找更改“新产品”字体的位置。请参阅 www.ethosdefense.com，向下滚动以查看“新产品”部分。请注意，该字体与其他字体完全不同。

如果您使用浏览器开发工具，则显示格式来自“（索引）：263”。我在哪里更改此代码？它不是styles.css 或index.php 的一部分。我在任何地方都找不到它...

【问题讨论】：

【解决方案1】：

在页面中，有这个部分：

<style type="text/css">
    body {background-color:ffffff;background-image:url(http://);background-repeat:no-repeat;background-position:top left;background-attachment:fixed;}
    h1{font-family:Cursive;color:000000;}
    p {text-align:left;font-size:48px;font-style:italic;font-weight:normal;line-height:58px;color:FFFFFF;}
</style>

这就是h1 获取草书字体样式的地方。

【讨论】：

我找不到那个文件...一直在搜索...它正在以某种方式生成。
我使用 IE、Firefox 和 Chrome 中的开发工具查看了您的页面。从我所看到的一切来看，这种风格存在于 index.php 中。我会查看正在组装 index.php 的任何内容，因为它似乎不是我可以通过开发工具看到的任何内容。它不在任何 .css 文件中，也不在任何 .js 文件中。
这是我的整个 index.php。你能告诉我应该在哪里闲逛吗？ /** * 错误报告/error_reporting(E_ALL | E_STRICT); /* * 编译包含配置文件 */ define('MAGENTO_ROOT', getcwd()); $compilerConfig = MAGENTO_ROOT 。 '/includes/config.php'; if (file_exists($compilerConfig)) { 包括 $compilerConfig; } $mageFilename = MAGENTO_ROOT 。 '/app/Mage.php'; $maintenanceFile = 'maintenance.flag'; if (!file_exists($mageFilename)) { if (is_dir('downloader')) { header("Location: downloader"); } 其他 {
echo $mageFilename." was not found"; } 出口; } if (file_exists($maintenanceFile)) { include_once 目录名(__FILE__) 。 '/errors/503.php';出口; } 需要一次 $mageFilename; #Varien_Profiler::enable();如果 (isset($_SERVER['MAGE_IS_DEVELOPER_MODE'])) { 法师::setIsDeveloperMode(true); } #ini_set('display_errors', 1);掩码（0）； /* 商店或网站代码 */ $mageRunCode = isset($_SERVER['MAGE_RUN_CODE']) ? $_SERVER['MAGE_RUN_CODE'] : ''; /* 运行商店或运行网站 */ $mageRunType = isset($_SERVER['MAGE_RUN_TYPE']) ?
$_SERVER['MAGE_RUN_TYPE'] : '商店';法师::run($mageRunCode, $mageRunType);

【解决方案2】：

你有一个有趣的问题。

Richard 的回答很有帮助，但请记住您的页面内容是由 Magento 前端控制器组装的，因此布局的构建方式是大型配置树的一部分，由 Magento 和您的主题控制。

扩大您对 Richard 发现的 <style> 周围的 HTML 的检查：

<div id="camera_wrap" class="camera_wrap camera_ash_skin">

    <div data-link="http://www.ethosdefense.com/index.php/holsters.html/" data-src="http://www.ethosdefense.com/skin/frontend/default/theme490/images/camera/slides/slide1.jpg">&nbsp;
    </div>

    <div data-link="http://www.ethosdefense.com/index.php/armor.html/" data-src="http://www.ethosdefense.com/skin/frontend/default/theme490/images/camera/slides/slide2.jpg">&nbsp;
    </div>

    <div data-link="http://www.ethosdefense.com/index.php/knives.html/" data-src="http://www.ethosdefense.com/skin/frontend/default/theme490/images/camera/slides/slide3.jpg">&nbsp;
      <div class="camera_caption" class="fadeFromLeft">
        <style type="text/css">
          body {background-color:ffffff;background-image:url(http://);background-repeat:no-repeat;background-position:top left;background-attachment:fixed;}
          h1{font-family:Cursive;color:000000;}
          p {text-align:left;font-size:48px;font-style:italic;font-weight:normal;line-height:58px;color:FFFFFF;}
        </style>
      </head>
      <body>
        <p>"The only thing needed for the triumph of evil is for good men to do nothing"
        <br>-Edmund Burke</p>
        </body>
        </html>
      </div>
    </div>

</div>

这告诉我们一些事情：

a) 你正在使用this theme（没关系）

b) 在样式声明之后有一些虚假和不正确的</head>...<body></body></html> 标签。这非常糟糕，并引发了一些警钟。不管是谁做的，这不是他们的本意。

c) 这部分 HTML 与相机包装有关，包含三个包含 div - 一个用于皮套，一个用于盔甲，一个用于刀。问题在于刀具部分。

d) 虚假的<style></style> 不是控制您要更改的<p> 内容的字体。您可能已经知道这一点，但我会使用 font-family: 'Impact'; 并且我会使用内联样式 <p style="font-family: 'Impact';">"The only thing needed...</p>

我怀疑，如果您登录 Magento 管理员并转到 CMS->pages 并找到您的主页内容并对其进行编辑，那么您会发现一个具有这三个“相机”的小部件，其中一个将具有错误的 HTML在里面。或者，您可能会发现您的 CMS 主页包含一个静态块 (CMS->Static blocks)，您可以在其中找到相关的静态块，并在那里寻找一个小部件或代码，将这个非常糟糕的 HTML 添加到您的页面。

然后撤销放入错误代码的管理员登录。

【讨论】：