phông chữ biểu tượng tuyệt vời mà không cần cdn

Tôi đang tìm cách tích hợp biểu tượng tuyệt vời của phông chữ vào magento2. Tôi đã tải xuống phiên bản phông chữ tuyệt vời 4.6.3. Cấu trúc cây của thư mục font-awesome được hiển thị bên dưới.

Tôi đã giới thiệu liên kết này và có một số ý tưởng về nơi đặt phông chữ và css nhưng tôi không biết nơi để đặt thư mục còn lại ít hơn và scss.

bất cứ ai cũng có thể giải thích từng bước quá trình tích hợp biểu tượng tuyệt vời phông chữ vào magento2.

fonts magento2.0.8

— Song phương
nguồn

nếu bạn đang bao gồm tệp css bạn không cần ít hơn, tệp scss, tệp css là đủ. Hãy cho tôi biết nếu bạn muốn biết cách bao gồm tệp font-awesome.css qua xml.

— Arun Karnaw

xin vui lòng chờ tôi sẽ cập nhật công cụ của tôi trong câu hỏi đó. Tôi biết làm thế nào để bao gồm trong xml.

— Bilal Usean

vâng bạn đúng nó đã làm việc không cần ít và scss. cảm ơn @ArunKarnawat

— Bilal Usean

Các bước để tích hợp phông chữ tuyệt vời

Tải xuống thư viện font-awesome từ liên kết này
đặt các tập tin phông chữ vào <custom-theme-directory>/web/fonts
đặt các tập tin css vào <custom-theme-directory>/web/css
Khai báo phông chữ css tuyệt vời trong tập tin bố trí cần thiết

ví dụ: 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>

chúng ta có thể gọi trong phtml như <i class="fa fa-binoculars"></i>

— Song phương
nguồn

Điều này đã làm việc tuyệt vời! Tò mò .. Điều gì xảy ra nếu có bất kỳ hậu quả về hiệu suất nào khi sử dụng một thư viện như thế này?

— JustinP

phông chữ biểu tượng tuyệt vời mà không cần cdn - magento 2.0.8