Hey, where did my words go? (Click to hide)

In the trial version of Web2Disk every fifth word is blanked out. To copy this site with all the words, please upgrade to the full version and copy this website again.

Inspyder Web2Disk: The Website Downloader

Customize theme

Colors
Primary
Success
Warning
Danger
Info
Direction
RTL

Change text direction

To switch the text _________ of your webpage from ___ to RTL, please consult ___ detailed instructions provided in ___ relevant section of our _____________.
Border width, px
Rounding, rem
Back to settings

To apply the provided ______ to your webpage, enclose ____ within a <style> tag and insert ____ tag into the <head> section of your ____ document after the following ____ to the main stylesheet:
<link href="assets/css/theme.min.css"> 


           

         

       


       
       

         
         
       

     



     
     

       

         
         
           
             
           
          Cartzilla
           v3.1.1 
         
         
         

           
           
    
             
  • 
               
             
    • 
             
  • 
               
             
    • 
             
  • 
               
             
    • 
           

         

         
         
           
          Buy now
         
       

     



     
     

       


         
         


         
         


           
           

             Getting started 
             
Icon font 

           



           
           

             
This article explains how __ use, add or remove _____ from the icon font __ your project. 



             
             

               
Using icons 

               
Icon fonts are commonly __________ in the  <head>  section of HTML _________ to ensure they are _________ correctly and styled as ________. 

               
Referencing icon Font in ____ 

               
To include the icon ____ in your HTML files, ______ the following lines in ___  <head>  section: 

               

                 
                 
<!-- Font icons -->
<link ___="_______" href="assets/icons/cartzilla-icons.woff2" as="font" type="font/woff2" crossorigin>
<link ___="__________" href="assets/icons/cartzilla-icons.min.css"> 

               

               
Applying icons in your ____ code 

               
Icons can be applied ______ your HTML by using ________ classes related to the ____'_ SVG file name. Here's _ sample snippet on how __ include an icon: 

               

                 
                 
<i class="ci-settings"></i> 

               

             



             
             

               
Adding new icons 

               
To expand your icon ____ library by adding new _____, follow these steps: 

               
    
                 
  1. 
                   Select the .svg icon:  Choose the .svg ____ you wish to add __ the font library.
                 
    2. 
                 
  2. 
                   Format the icon:  Ensure the icon __ properly formatted. It should __ placed within a 24x24px ____, with all strokes outlined ___ shapes unified. Tools like _____ Illustrator or other vector ________ software are suitable for ____ task.
                 
    3. 
                 
  3. 
                   Save the icon:  Store the new ____ in the  src/icons  folder. Note, the ______ icon's CSS class will __________ to the SVG file ____.
                 
    4. 
                 
  4. 
                   Generate the icon font:  Execute the  npm run icon-font  command. This command ____ a script that creates ___  cartzilla-icons.woff2  font file and _________ the corresponding  cartzilla-icons.min.css  file from the __________ of  .svg  icons located in ___  src/icons  directory.
                 
    5. 
                 
  5. 
                   Optional configuration changes:  If you wish __ change the output icon ____ name, modify the  config.icons.fontName  property in the  build/config.js  file. To change ___ prefix of the icon ___ class (default is "ci"), ______ the  config.icons.cssPrefix  property in the ____ config file. Ensure to ______ all relevant references in ____ HTML documents if any _____ are changed.
                 
    6. 
               

             



             
             

               
Removing icons 

               
To remove icons from ____ project: 

               
    
                 
  1. 
                   Delete the icon(s):  Remove the target  .svg  icon(s) from the  src/icons  folder.
                 
    2. 
                 
  2. 
                   Regenerate the icon font:  Run the  npm run icon-font  command to update ___ icon font. This removes ___ deleted icons from the ________ font and the CSS ____.
                 
    3. 
               

               
By following these steps, ___ can effectively manage the _____ within your project, ensuring ____ your web application has _ tailored and optimized set __ icons at your disposal. 

             

           

         

       

     



     
     

       
        Top
         
         
         
           
         
       
       
        Customize