ícone impressionante de fonte sem cdn - magento 2.0.8


7

Eu estou olhando para integrar ícone incrível fonte em magento2. Eu baixei a versão 4.6.3 da font-awesome. A estrutura em árvore da pasta font-awesome é mostrada abaixo.

estrutura de pastas

Consultei este link e tive uma idéia sobre onde colocar fontes e css, mas não sei onde colocar menos a pasta restante e o scss.

Alguém pode explicar o processo passo a passo de integrar o ícone font-awesome no magento2.


1
se você está incluindo um arquivo css, não precisa de menos, arquivo scss, arquivo css é suficiente. Deixe-me saber se você deseja saber como incluir o arquivo font-awesome.css através do xml.
Arun Karnawat 14/09/16

1
aguarde, atualizarei minhas coisas nessa pergunta. Eu sei como incluir no xml.
Bilal Usean

sim você certo, funcionou. não precisa menos e scss. Obrigado @ArunKarnawat
Bilal Usean

Respostas:


10

Etapas para integrar a fonte impressionante

  1. Faça o download da biblioteca impressionante de fontes neste link
  2. coloque os arquivos de fonte em <custom-theme-directory>/web/fonts
  3. coloque os arquivos css <custom-theme-directory>/web/css
  4. Declarar fonte css impressionante no arquivo de layout necessário

por exemplo: 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. podemos chamar phtml como <i class="fa fa-binoculars"></i>

Isso funcionou muito bem! Curioso .. E se houver alguma conseqüência de desempenho ao usar uma biblioteca como esta?
JustinP
Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.