You are here

README.txt in Font Awesome Icons 8.2

CONTENTS OF THIS FILE
---------------------

 * Introduction
 * Installation
 * Usage
 * Credits


INTRODUCTION 8.2.x version
------------
Font Awesome (http://fontawesome.com) is the web's most popular icon set and
toolkit. This release of the Font Awesome Icons module supports Font Awesome
versions higher than 5.0. For older versions of Font Awesome, you should
download and install Font Awesome Icons 8.1.x. See the Font Awesome Icons
page on Drupal.org for more information.

"fontawesome" provides integration of "Font Awesome" with Drupal. Once enabled
"Font Awesome" icon fonts could be used as:

1. Directly inside of any HTML (node/block/view/panel). Inside HTML you can
   place Font Awesome icons just about anywhere with an <i> tag.

   Example for an info icon: <i class="fas fa-camera-retro"></i>

   See more examples of using "Font Awesome" within HTML at:
   https://fontawesome.com/how-to-use/on-the-web/referencing-icons/basic-use


INSTALLATION
------------

1. Using Drush (https://github.com/drush-ops/drush#readme)

    $ drush en fontawesome

    Upon enabling, this will also attempt to download and install the library
    in `/libraries/fontawesome`. If, for whatever reason, this process
    fails, you can re-run the library install manually by first clearing Drush
    caches:

    $ drush cc drush

    and then using another drush command:-

    (Drush 8)
    $ drush fa-download
    (Drush 9)
    $ drush fa:download

2. Manually

    a. Install the "Font Awesome" library following one of these 2 options:
       - run "drush fa-download" (recommended, it will download the right
         package and extract it at the right place for you.)
       - manual install: Download & extract "Font Awesome"
         (http://fontawesome.com) and place inside
         "/libraries/fontawesome" directory. The JS file should
         be at /libraries/fontawesome/js/all.js
         Direct link for downloading latest version (current is v5.13.1) is:
         https://use.fontawesome.com/releases/v5.13.1/fontawesome-free-5.13.1-web.zip
    b. Enable the module at Administer >> Site building >> Modules.


USAGE
_____
Font Awesome can be used in many ways - you can manually insert Font Awesome
tags wherever you see fit after enabling the module, but there are other ways
as well. See
  https://fontawesome.com/how-to-use/on-the-web/referencing-icons/basic-use
for information on basic usage.

CSS Pseudo-elements - if you are using the older version of Font Awesome, CSS
with webfonts, you can use CSS Pseudo-elements for inserting your icons rather
than the default method. See
  https://fontawesome.com/how-to-use/on-the-web/advanced/css-pseudo-elements
for more information on how to add the icons through CSS.

Font Awesome icon field - this module includes the option to add a Font Awesome
icon field to any of your content types without the need for coding.

Font Awesome CKEditor plugin - this module includes a CKEditor plugin which
will allow you to insert Font Awesome icons into any CKEditor text field with
the plugin enabled. It can be enabled under
  Configuration -> Content authoring -> Text formats and editors
From here, simply add the icon to your active toolbar (it looks like a flag).
Please note that in order to use SVG with JS version of Font Awesome, you will
need to either disable the "Correct faulty and chopped off HTML" filter, or you
will have to add the required SVG tags to the exception list. A list of SVG
tags can be found here:
  https://www.w3.org/TR/SVG11/eltindex.html
  or
  https://developer.mozilla.org/en-US/docs/Web/SVG/Element

TROUBLESHOOTING
---------------
If the Font Awesome module is installed but icons are not showing, try the
following steps:
1. Flush the Drupal cache
2. Check the status report for issues on the libary being loaded.
3. If you have chosen to load the library manually ("Load Font Awesome libary?"
  is disabled), confirm that your manual library is loaded properly.

CREDITS
-------
* Daniel Moberly https://drupal.org/u/danielmoberly

File

README.txt
View source
  1. CONTENTS OF THIS FILE
  2. ---------------------
  3. * Introduction
  4. * Installation
  5. * Usage
  6. * Credits
  7. INTRODUCTION 8.2.x version
  8. ------------
  9. Font Awesome (http://fontawesome.com) is the web's most popular icon set and
  10. toolkit. This release of the Font Awesome Icons module supports Font Awesome
  11. versions higher than 5.0. For older versions of Font Awesome, you should
  12. download and install Font Awesome Icons 8.1.x. See the Font Awesome Icons
  13. page on Drupal.org for more information.
  14. "fontawesome" provides integration of "Font Awesome" with Drupal. Once enabled
  15. "Font Awesome" icon fonts could be used as:
  16. 1. Directly inside of any HTML (node/block/view/panel). Inside HTML you can
  17. place Font Awesome icons just about anywhere with an tag.
  18. Example for an info icon:
  19. See more examples of using "Font Awesome" within HTML at:
  20. https://fontawesome.com/how-to-use/on-the-web/referencing-icons/basic-use
  21. INSTALLATION
  22. ------------
  23. 1. Using Drush (https://github.com/drush-ops/drush#readme)
  24. $ drush en fontawesome
  25. Upon enabling, this will also attempt to download and install the library
  26. in `/libraries/fontawesome`. If, for whatever reason, this process
  27. fails, you can re-run the library install manually by first clearing Drush
  28. caches:
  29. $ drush cc drush
  30. and then using another drush command:-
  31. (Drush 8)
  32. $ drush fa-download
  33. (Drush 9)
  34. $ drush fa:download
  35. 2. Manually
  36. a. Install the "Font Awesome" library following one of these 2 options:
  37. - run "drush fa-download" (recommended, it will download the right
  38. package and extract it at the right place for you.)
  39. - manual install: Download & extract "Font Awesome"
  40. (http://fontawesome.com) and place inside
  41. "/libraries/fontawesome" directory. The JS file should
  42. be at /libraries/fontawesome/js/all.js
  43. Direct link for downloading latest version (current is v5.13.1) is:
  44. https://use.fontawesome.com/releases/v5.13.1/fontawesome-free-5.13.1-web.zip
  45. b. Enable the module at Administer >> Site building >> Modules.
  46. USAGE
  47. _____
  48. Font Awesome can be used in many ways - you can manually insert Font Awesome
  49. tags wherever you see fit after enabling the module, but there are other ways
  50. as well. See
  51. https://fontawesome.com/how-to-use/on-the-web/referencing-icons/basic-use
  52. for information on basic usage.
  53. CSS Pseudo-elements - if you are using the older version of Font Awesome, CSS
  54. with webfonts, you can use CSS Pseudo-elements for inserting your icons rather
  55. than the default method. See
  56. https://fontawesome.com/how-to-use/on-the-web/advanced/css-pseudo-elements
  57. for more information on how to add the icons through CSS.
  58. Font Awesome icon field - this module includes the option to add a Font Awesome
  59. icon field to any of your content types without the need for coding.
  60. Font Awesome CKEditor plugin - this module includes a CKEditor plugin which
  61. will allow you to insert Font Awesome icons into any CKEditor text field with
  62. the plugin enabled. It can be enabled under
  63. Configuration -> Content authoring -> Text formats and editors
  64. From here, simply add the icon to your active toolbar (it looks like a flag).
  65. Please note that in order to use SVG with JS version of Font Awesome, you will
  66. need to either disable the "Correct faulty and chopped off HTML" filter, or you
  67. will have to add the required SVG tags to the exception list. A list of SVG
  68. tags can be found here:
  69. https://www.w3.org/TR/SVG11/eltindex.html
  70. or
  71. https://developer.mozilla.org/en-US/docs/Web/SVG/Element
  72. TROUBLESHOOTING
  73. ---------------
  74. If the Font Awesome module is installed but icons are not showing, try the
  75. following steps:
  76. 1. Flush the Drupal cache
  77. 2. Check the status report for issues on the libary being loaded.
  78. 3. If you have chosen to load the library manually ("Load Font Awesome libary?"
  79. is disabled), confirm that your manual library is loaded properly.
  80. CREDITS
  81. -------
  82. * Daniel Moberly https://drupal.org/u/danielmoberly