Как установить Awesome Font Localally с помощью Bootstrap для Drupal? - PullRequest
Новая
       57

Как установить Awesome Font Localally с помощью Bootstrap для Drupal?

0 голосов
/ 22 сентября 2019

У меня есть сайт с Drupal 8.7 и Bootstrap 3.4.1 в SASS.

Я создал подтему SASS Bootstrap, я хочу разместить Font Awesome локально.

Я скачал и распаковалархив по этому адресу:

https://fontawesome.com/how-to-use/on-the-web/setup/hosting-font-awesome-yourself

В каталоге моей подтемы: 

/bootstrap_subtheme_front_office_old/fonts

Если я захожу на мой сайт, Awesome Font не работает.

Вот конфигурация моей подтемы:

bootstrap_subtheme_front_office_old.info.yml: 

core: 8.x
type: theme
base theme: bootstrap

name: 'Bootstrap Subtheme Front Office Old'
description: 'A Drupal Bootstrap 3 based sub-theme.'
package: 'Bootstrap'

regions:
  navigation_collapsible_first: 'Navigation (Collapsible first)'
  navigation_menu_first: 'Navigation (Menu first)'
  navigation_notification_first: 'Navigation (Notification first)'
  navigation_logo: 'Navigation (Logo)'
  navigation_notification_second: 'Navigation (Notification second)'
  navigation_menu_second: 'Navigation (Menu second)'
  navigation_collapsible_second: 'Navigation (Collapsible second)'
  breadcrumb: 'Breadcrumb'
  header: 'Top Bar'
  sidebar_first: 'Primary'
  highlighted: 'Highlighted'
  help: 'Help'
  content: 'Content'
  sidebar_second: 'Secondary'
  footer: 'Footer'

libraries-extend:
  bootstrap/framework:
    - bootstrap_subtheme_front_office_old/framework
  bootstrap/fontawesome:
    - bootstrap_subtheme_front_office_old/fontawesome
  bootstrap/global:
    - bootstrap_subtheme_front_office_old/global

libraries-override:
  private_message/notification_block:
    css:
      theme:
        css/private_message_notification_block.css: false

bootstrap_subtheme_front_office_old.libraries.yml: 

framework:
  version: 3.4.1
  css:
    theme:
      css/style.css: {}
  js:
    bootstrap/assets/javascripts/bootstrap/affix.js: {}
    bootstrap/assets/javascripts/bootstrap/alert.js: {}
    bootstrap/assets/javascripts/bootstrap/button.js: {}
    bootstrap/assets/javascripts/bootstrap/carousel.js: {}
    bootstrap/assets/javascripts/bootstrap/collapse.js: {}
    bootstrap/assets/javascripts/bootstrap/dropdown.js: {}
    bootstrap/assets/javascripts/bootstrap/modal.js: {}
    bootstrap/assets/javascripts/bootstrap/tooltip.js: {}
    bootstrap/assets/javascripts/bootstrap/popover.js: {}
    bootstrap/assets/javascripts/bootstrap/scrollspy.js: {}
    bootstrap/assets/javascripts/bootstrap/tab.js: {}
    bootstrap/assets/javascripts/bootstrap/transition.js: {}

fontawesome:
  version: 5.11.1
  js:
    fonts/fontawesome/js/all.min.js: {}

global:
  js:
    js/bootstrap.js: {}
    js/back-to-top.js: {}

1 Ответ

1 голос
/ 28 сентября 2019

вы можете просто запустить команду drush drush fa-download.Это автоматически загрузит библиотеку Font Awesome и установит ее в / библиотеки / fontawesome.Вы можете проверить страницу отчета о состоянии вашей установки Drupal, чтобы убедиться, что библиотека Font Awesome установлена ​​в нужном месте.

Ознакомьтесь с документацией Drupal.org по этой ссылке https://www.drupal.org/docs/8/modules/font-awesome-icons/installing-font-awesome-icons

...