cdnなしのフォントの素晴らしいアイコン-magento 2.0.8


7

フォントの素晴らしいアイコンをmagento2に統合したいと考えています。font-awesomeバージョン4.6.3をダウンロードしました。font-awesomeフォルダーのツリー構造を以下に示します。

フォルダ構造

私はこのリンクを参照して、フォントとCSSをどこに配置するかについていくつかのアイデアを得ましたが、残りのフォルダーを減らす場所とscssをどこに配置するかわかりません。

font-awesomeアイコンをmagento2に統合するプロセスを段階的に説明できますか?


1
cssファイルを含める場合は、必要はありません。scssファイル、cssファイルで十分です。XMLを介してfont-awesome.cssファイルを含める方法を知りたい場合は、お知らせください。
Arun Karnawat

1
その質問の内容を更新するので、しばらくお待ちください。私はxmlに含める方法を知っています。
ビラルUsean 2016

はい、あなたは正しく機能しました。lessおよびscssは必要ありません。@ArunKarnawatに感謝
ビラルUsean

回答:


10

素晴らしいフォントを統合する手順

  1. このリンクからfont-awesomeライブラリをダウンロード
  2. フォントファイルを <custom-theme-directory>/web/fonts
  3. cssファイルを <custom-theme-directory>/web/css
  4. 必要なレイアウトファイルでフォントの素晴らしいcssを宣言する

例:Magento_Theme / layout / default_head_blocks.xml

<?xml version="1.0"?>
<!--
/**
 * Copyright © 2015 Magento. All rights reserved.
 * See COPYING.txt for license details.
 */
-->
<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
    <head>
    <css src="css/font-awesome.min.css" />
    </head>
</page>
  1. 次のようにphtmlで呼び出すことができます <i class="fa fa-binoculars"></i>

これはうまくいきました!好奇心が強い..このようなライブラリを使用すると、パフォーマンスに影響がある場合はどうなりますか?
JustinP
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.