-
Posts
-
Hi,
is it possible to add an own icon font, that cannot be found at Fontello or at Flaticon?
I would like to add http://simplelineicons.com/
(https://github.com/thesabbir/simple-line-icons)
for using the icons within the Avia Layoutbilder (for example for the use in icon boxes).Is this possible and if yes, how please?
Thanks.Hey Chris,
Yes, I think it’s possible, please refer to the documentation: http://kriesi.at/documentation/enfold/adding-your-own-icon-fonts/
Hope this helps :)Best regards,
NikkoThank you, Nikko, I tried it, but when I try to use the “iconbox” element, then the icons of this “Simple Line Icon” fonts from here https://github.com/thesabbir/simple-line-icons are shown as weird symbols:
Do I need to do anything else?
I have simply downloaded the ZIP from this link and uploaded it “as is” in the ENFOLD theme settings like it is described in your video tutorial.The ZIP file contains:
Don’t know if I need all this stuff?
Any idea please? Thank you!
P.S.
same weird symbols appear, when I upload instead a package (ZIP file) like this http://www.flaticon.com/packs/essential-set-2, I always see these strange symbols, when I try to use – for example – the icon box element of the Avia Layout Builder:
What is going wrong here?
I’m using WP 4.6.1 multisite (!) and ENFOLD 3.8, upload with Firefox browser on Windows 7.What I have tried so far:
——————————————————————-
(1)
Found someone having similar problem: https://kriesi.at/support/topic/error-uploading-fontello/, but I don’t know how to re-name a ZIP icon pack at http://www.flaticon.com/packs/essential-set-2.(2)
Then I tried this suggestion: https://kriesi.at/support/topic/unable-to-upload-new-fonts-on-latest-enfold-version-3-6/#post-645965
I used this icon http://www.flaticon.com/free-icon/user_149452, downloaded it, using the .svg file from this download and uploaded it to the fontello generator; downloaded the ZIP file and uploaded it to the ENFOLD’s Icon Manager.
Same bad result: http://screencloud.net/v/w91CAny idea please? Thank you.
i think I’ve cracked this persistent issue after posting the same issue a few weeks ago
upload the flaticon ICONFONT , Unzip, in the folder find the flaticon.svg …. drag the single flaticon.SVG (contains all the icons chosen) into Fontello, download Webfont and upload the .zip using enfold import icons, and save.
I wrongly downloaded Fontello as svg …. this gave the boxes.
Hope others find this useful, it took me hours,
Richard
No, that is not my problem:
- I have downloaded this icon at FLATICON.com as an “iconfont”, not as SVG (http://screencloud.net/v/UvH)
- the ZIP file “my-icons-collection.zip” contains http://screencloud.net/v/k35T
- I extracted the “Flaticon.svg” and uploaded this file to http://fontello.com/ and downloaded the produced file fontello-2ccf0272.zip
- I uploaded this ZIP to the “icon font manager” in ENFOLD’s theme settings: http://screencloud.net/v/u884
- The result on a page with the element “IconBox”: http://screencloud.net/v/zQuH – still the same strange symbol
this tip seems to me very familiar:
@Guenni007 as I have described directly above your comment, this does not work for me – I have done it exactly that way using Flaticons like this for my testing purpose: http://www.flaticon.com/free-icon/user_149449
Did you give the icons a unique font name? –*** next to the red button, top right of the Fontello screen?*** Otherwise you get weird symbols, this was on another thread answered today. … in your third step this needs to be done.
I don’t see this option at http://www.flaticon.com/packs/essential-set-2.
When I created the font at fontello.com with the “iconfont” download from flaticon.com by uploading the custom .svg file at fontello.com, then I do have given it a unique name –> http://screencloud.net/v/lNr9.
It has not helped: http://screencloud.net/v/hY44
Hi,
To upload simple icons download the icon pack from github and extract the package.
Once you extract the package
1. Find the fonts folder which has the .eot, .svg, .ttf, .woff and other font fontmats.
2. Rename the fonts folder to simple-icons or any name to reference it in layout builder.
3. Upload from Enfold > Import/Export > Upload font icons optionsThis will enable the icons in advanced layout builder.
This process works for any icon sets with required font formats. Just make sure to rename and zip only the fonts folder.
Best regards,
VinayThanks, Vinay, that does not work at my site:
What I have done:
- download ZIP master folder from https://github.com/thesabbir/simple-line-icons/
- I had extracted this folder; inside was a folder “fonts” with this:
- I renamed this folder “fonts” to “simple-line-icons”
- then I make a ZIP from only this folder (result: https://www.dropbox.com/s/qeltwn1erqu6did/simple-line-icons.zip)
- then I go to my ENFOLD theme settings –> import/export –> IconFontManager –> and uploaded this ZIP file
- at a test page, I see still this weird symbols
Do I need some special folder rights at the server?
I am at All-Inkl.com, the domain is set to http://screencloud.net/v/ec45, it’s a sub-blog of a multisite.
Is it necessary to change any ENFOLD folder for this custom iconfont upload from the “FTP-User” to the “PHP-User” like this: http://screencloud.net/v/W5u?
Sorry, it is hard for me to explain with my bad English, perhaps Andy can help in German please?
Thank you.i have done it with your simple iconset above.
downloaded – unpacked – look for the svg in that folder/s – upload that svg via drag&drop to fontello.
Now you have the choice to pick out some of your wanted icons or to activate all of them. – Download from Fontello than the generated font-file (zip) – upload that zip file to enfold ! voila!thanks, Guenni007, but no chance:
1. https://screencloud.net/v/w5VG
2. https://screencloud.net/v/72dI
3. https://screencloud.net/v/9eb9@Vinay:
As far as I have read somewhere in this forum, Kriesi’s website is hosted at All-Inkl.com, too, so as my site.
Since none of these solutions work at my site, could it be, that I have to change some server settings:I am at All-Inkl.com, the domain is set to http://screencloud.net/v/ec45, it’s a sub-blog of a multisite.
Is it necessary to change any ENFOLD folder for this custom iconfont upload from the “FTP-User” to the “PHP-User” like this: http://screencloud.net/v/W5u?
Sorry, it is hard for me to explain with my bad English, perhaps Andy can help in German please?
Thank you.here is the fontello font i created: http://webers-testseite.de/ikom/simple-icons.zip
Ok – deutsch ist mir auch lieber. Hast du mal eines von denen versucht zu platzieren? Eventuell ist es nur in der Vorschau nicht richtig abgebildet.
Bist du eventuell auf einer https Seite unterwegs?füge mal das hier in deine htaccess datei ein: (nur hinzufügen das andere muss bleiben)
<FilesMatch "\.(ttf|otf|woff)$"> <IfModule mod_headers.c> Header set Access-Control-Allow-Origin "*" </IfModule> </FilesMatch>link dazu ist hier – wenn dein allinkl nicht auf nem apache server ist findest du die alternative lösung hier:
YOU MADE MY DAY, @Guenni007 – THAT WAS IT!!!!
I added this to my htaccess: http://kriesi.at/documentation/enfold/enable-cors/
and now I see these icons:
Danke – danke – danke, das hat mich jetzt echt Stunden gekostet!!!!
Hi,
@Guenni007 As always thank you for your help :)Glad this issue is sorted.
To know more about enfold features please check – http://kriesi.at/documentation/enfold/
Thank you for using Enfold :)Best regards,
Vinay
- The topic ‘How to add own icon fonts, that are NOT at FONTELLO or FLATICON?’ is closed to new replies.