【问题标题】:Magento - How to change the font throughout the site using typekit?Magento - 如何使用 typekit 更改整个网站的字体?
【发布时间】:2012-04-17 09:52:50
【问题描述】:

我想使用不同于通常字体系列的不同字体。

为了在我的网站中包含此字体,我有一个来自 typekit.com 的两行 JavaScript 代码,需要将其放入需要应用此字体的网站页面中。

但是由于我想在我的网站上应用这个字体,我应该把这个 JavaScript 代码放在哪里,以便在整个网站上应用这个字体。

我正在使用 Magento 1.6.2.0 版本并创建了自己的主题,位于 app/design/frontend/default/mythemeskin/frontend/default/mytheme

如果有人能告诉我将以下 JavaScript 代码放在哪里,

  <script type="text/javascript" src="http://use.typekit.com/ysw8aaa.js"></script>
  <script type="text/javascript">try{Typekit.load();}catch(e){}</script>          

我会非常感谢他们。

谢谢

【问题讨论】:

    标签: html css magento fonts


    【解决方案1】:

    根据knowledge-basetheseblogs

    <default>
        <action method="addJs"><script type="text/javascript" src="http://use.typekit.com/ysw8aaa.js"></script></action>
        <action method="addJs"><script type="text/javascript">try{Typekit.load();}catch(e){}</script></action>
    </default>
    

    或者,更可靠的是,将它们组合成一个自定义脚本文件并使用:

    <action method="addJs"><script>yourdir/yourscriptname.js</script></action>
    

    【讨论】:

    • 抱歉听起来很笨,但我不知道如何将上面的代码组合成一个 .js 文件。同样在创建单个 .js 文件后,我应该将 &lt;default&gt;&lt;/default&gt; 行放入哪个文件?
    • 好吧,因为看起来你没有第一个脚本,你最好只使用两行。尝试。阅读我答案中的最后一个链接。它很简短,准确地描述了在哪里进行更改。
    • 网址已损坏 - 我们能否在答案中包含此信息,因为其他网站不可靠
    【解决方案2】:

    转到 /app/design/frontend/base/default/template/page/html/head.html(或您使用的任何模板路径)

    正上方:

    <!--[if lt IE 7]>
    

    添加:

      <script type="text/javascript" src="http://use.typekit.com/ysw8aaa.js"></script>
      <script type="text/javascript">try{Typekit.load();}catch(e){}</script> 
    

    请记住,这是一个外部链接,因此会降低您的网站速度。

    【讨论】:

    • 我试过你的方法,但没有任何改变。我是否应该在我的styles.css 中删除它们在不同位置的Verdana Geneva sans-serif 字体? o 是否会在包含新脚本时自动覆盖?
    猜你喜欢
    • 2016-10-20
    • 1970-01-01
    • 2020-08-21
    • 2017-05-23
    • 1970-01-01
    • 2011-06-19
    • 2015-04-26
    • 2014-11-15
    • 2019-06-25
    相关资源
    最近更新 更多