Icon font
This article explains how to use, add or remove icons from the icon font in your project.
Using icons
Icon fonts are commonly referenced in the <head>
section of HTML documents to ensure they are preloaded correctly and styled as intended.
Referencing icon Font in HTML
To include the icon font in your PHP files, insert the following lines in the <head>
section:
<!-- Font icons -->
<link rel="preload" href="assets/icons/cartzilla-icons.woff2" as="font" type="font/woff2" crossorigin>
<link rel="stylesheet" href="assets/icons/cartzilla-icons.min.css">
Applying icons in your PHP code
Icons can be applied within your HTML by using specific classes related to the icon's SVG file name. Here's a sample snippet on how to include an icon:
<i class="ci-settings"></i>