Upload your own custom icons to your website using Elementor Proโs Custom Icons feature. You can use Fontello, Icomoon, or Fontastic for the job.
Table de matiรจres
Creating your font set
Fontello
- Go toย http://fontello.com/
- Choose some icons, or upload your own custom SVG files
- Click the wrench. Add a CSS prefix. Make sure itโs unique
- Give your font a name
- Download the font (zip file)ย
IcoMoon
- Go toย https://icomoon.io/app
- Choose some icons, or upload your own custom SVG files
- Click on the โGenerate Fontโ tab
- Click theย Prรคferenzenย button
- Give your font a name
- Under โClass prefixโ, give it a unique prefix
- Click the X to exit
- Click โDownloadโ to download your font (zip file)ย
Fontastic
- Create aย Fontasticย Konto
- Select some icons or alternatively import your own
- To import click โAdd More Iconsโ in the top menu bar
- Click on the โModify Fontโ tab
- ย Give your font a name
- Give your font a unique CSS Class Prefix
- Klicken Sie aufย Save
- Go to the โPublishโ tab
- Click โDownloadโ to download your font (zip file)
Installing your Font Set
In the WordPress dashboard go to:
- Elementor > Custom Icons
- Klicken Sie aufย Add New
- Drag & Drop your font zip file
- Enter your icon set name
- Klicken Sie aufย Update
- You will now find your new custom icons under the โCustom Iconsโ area, where youโll see your icon set name, icons number indicator and your unique CSS Prefix for each icon set.

0 Kommentare