将TypeKit代码（或任何代码）添加到Magento 2站点的头部_Magento_Head_Magento2

将TypeKit代码（或任何代码）添加到Magento 2站点的头部

magento magento2

将TypeKit代码（或任何代码）添加到Magento 2站点的头部,magento,head,magento2,Magento,Head,Magento2,我所要做的就是将TypeKit中的自定义字体添加到我的Magento 2网站中以前我只是找到/app/design/frontend/XXX/XXX/page/head.phtml并编辑它。简单对于Magento 2，它似乎非常复杂。我真的需要创建一个完整的模块来向文档的头部添加两行基本的HTML吗肯定有更简单的方法吗，但是我没有得到答案。在我的主题中，在哪里创建布局文件？还是建议我再创建一个单独的模块，看起来很疯狂。我认为他们正在编辑3个独立的文件，jsut将一个JS文件添加到hea

我所要做的就是将TypeKit中的自定义字体添加到我的Magento 2网站中

以前我只是找到/app/design/frontend/XXX/XXX/page/head.phtml并编辑它。简单

对于Magento 2，它似乎非常复杂。我真的需要创建一个完整的模块来向文档的头部添加两行基本的HTML吗

肯定有更简单的方法吗

，但是我没有得到答案。在我的主题中，在哪里创建布局文件？还是建议我再创建一个单独的模块

，看起来很疯狂。我认为他们正在编辑3个独立的文件，jsut将一个JS文件添加到head中，对吗

这肯定不对吧？难道没有一个

head.phtml

文件可以编辑吗

有人能帮我解释一下吗，假设我是个白痴，并解释一下我如何可以轻松地在头部添加两行TypeKit代码。非常感谢。

我还不知道如何将其添加到phtml文件中，但是下面是我如何将自定义字体添加到主题中的

在：

app/design/frontend///Magento\u Theme/layout/default\u head\u blocks.xml

<?xml version="1.0" ?>
<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
    <head>
        <script src="https://use.typekit.net/xxxxxxx.js" src_type="url" />
    </head>

    <body>
        <referenceBlock name="head.additional">
            <block class="Magento\Framework\View\Element\Text" name="typekit">
                <arguments>
                    <argument name="text" xsi:type="string"><![CDATA[<script>try{Typekit.load({ async: true });}catch(e){}</script>]]></argument>
                </arguments>
            </block>
        </referenceBlock>
    </body>
</page>

使用（示例）：


尝试{Typekit.load（）；}catch（e）{}]>

然后将其设置为基本字体/您想要的任何字体：

app/design/frontend///web/css/source/\u变量。更少

希望这有帮助，即使只是一点点

我还不知道如何将其添加到phtml文件中，但是下面是我如何将自定义字体添加到主题中的

在：

app/design/frontend///Magento\u Theme/layout/default\u head\u blocks.xml

<?xml version="1.0" ?>
<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
    <head>
        <script src="https://use.typekit.net/xxxxxxx.js" src_type="url" />
    </head>

    <body>
        <referenceBlock name="head.additional">
            <block class="Magento\Framework\View\Element\Text" name="typekit">
                <arguments>
                    <argument name="text" xsi:type="string"><![CDATA[<script>try{Typekit.load({ async: true });}catch(e){}</script>]]></argument>
                </arguments>
            </block>
        </referenceBlock>
    </body>
</page>

使用（示例）：


尝试{Typekit.load（）；}catch（e）{}]>

然后将其设置为基本字体/您想要的任何字体：

app/design/frontend///web/css/source/\u变量。更少

希望这有帮助，即使只是一点点

在您的magento管理区域：导航到“存储”菜单项，在标题“设置”下，单击“配置”，在“配置”中单击“设计”。

在“HTML标题”部分，您将看到一个框，上面写着“杂项脚本”。您在此处添加的任何内容都将添加到网站的标题部分。

在您的magento管理区域：导航到“存储”菜单项，在标题“设置”下，单击“配置”，在“配置”中单击“设计”。在“HTML标题”部分下，您将看到一个框，上面写着“杂项脚本”。您在此处添加的任何内容都将添加到网站的标题部分。

FYI，这里提到的“HTML标题”似乎已在Magento 2管理中移动。现在是：

管理>内容>配置>[单击主题名称上的“编辑”]>其他设置>HTML标题

仅供参考，此处提及的“HTML标题”似乎已在Magento 2管理中移动。现在是：

管理>内容>配置>[单击主题名称上的“编辑”]>其他设置>HTML标题

尽管我喜欢按照knarfeolhcs的回答使用布局xml的想法，但建议的布局xml不正确，因为在Magento 2中不存在type=“core/text”。下面是我用来添加typekit

app/design/frontend///Magento\u Theme/layout/default\u head\u blocks.xml的布局xml
<?xml version="1.0" ?>
<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
    <head>
        <script src="https://use.typekit.net/xxxxxxx.js" src_type="url" />
    </head>

    <body>
        <referenceBlock name="head.additional">
            <block class="Magento\Framework\View\Element\Text" name="typekit">
                <arguments>
                    <argument name="text" xsi:type="string"><![CDATA[<script>try{Typekit.load({ async: true });}catch(e){}</script>]]></argument>
                </arguments>
            </block>
        </referenceBlock>
    </body>
</page>


请尝试{Typekit.load（{async:true}）；}catch（e）{}]>
尽管我喜欢按照knarfeolhcs的回答使用布局xml，但建议的布局xml并不正确，因为在Magento 2中不存在type=“core/text”。下面是我用来添加typekitapp/design/frontend///Magento\u Theme/layout/default\u head\u blocks.xml的布局xml
<?xml version="1.0" ?>
<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
    <head>
        <script src="https://use.typekit.net/xxxxxxx.js" src_type="url" />
    </head>

    <body>
        <referenceBlock name="head.additional">
            <block class="Magento\Framework\View\Element\Text" name="typekit">
                <arguments>
                    <argument name="text" xsi:type="string"><![CDATA[<script>try{Typekit.load({ async: true });}catch(e){}</script>]]></argument>
                </arguments>
            </block>
        </referenceBlock>
    </body>
</page>


请尝试{Typekit.load（{async:true}）；}catch（e）{}]>
这是我最后使用的方法，因此我将您标记为正确。这是我最后使用的方法，因此我将您标记为正确