Font icon does not work

All WYSIWYG Web Builder support issues that are not covered in the forums below.
Forum rules
IMPORTANT NOTE!!

DO YOU HAVE A QUESTION OR PROBLEM AND WANT QUICK HELP?
THEN PLEASE SHARE A "DEMO" PROJECT.



PLEASE READ THE FORUM RULES BEFORE YOU POST:
http://www.wysiwygwebbuilder.com/forum/viewtopic.php?f=12&t=1901

MUST READ:
http://www.wysiwygwebbuilder.com/getting_started.html
WYSIWYG Web Builder FAQ
Post Reply
User avatar
semua
 
 
Posts: 41
Joined: Fri Jan 20, 2017 2:28 am

Font icon does not work

Post by semua »

Guys, I know that Wysiwyg Web Builder does not give assistance to custom code and maybe here is not the right place but please help me. My source (icone) does not work on my site, and I do not know who to ask.

When I use the site where the folder is stored with the fonts, then it works, but when I use it on other of my sites then it does not work.

I reference the js and css and call the icon by name across the class within the div:

Code: Select all

<script src="https://fontgold.com/jquery-3.3.1.min.js"></script>
<link rel="stylesheet" href="https://fontgold.com/fonts/style.css">
<div class="free-update icon5"></div>
Does not work:
http://twixar.me/vWKK

The fonts would need to be on the site where I'm going to use them, in order to work.
That is, I would always need to use href="style.css" and never href="https://site.com/style.css"
but how do I go about using another site?

Any idea?
User avatar
Pablo
 
Posts: 21580
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Font icon does not work

Post by Pablo »

Unfortunately, I cannot help you with finding error in custom code.

But here are some tips:

http://twixar.me/vWKK
- there is code at the start of the page. This not the right place to insert JavaScript. Usually this script goes between the heads tags.
- I am not sure why you need jQuery for a font. But it may conflict with the built-in jQuery version.
<link rel="stylesheet" href="https://fontgold.com/fonts/style.css">
should also be between the head tags.

Also note that you can use custom icon fonts with the built-in Icon Font object.
http://wysiwygwebbuilder.com/iconfonts.html
User avatar
semua
 
 
Posts: 41
Joined: Fri Jan 20, 2017 2:28 am

Re: Font icon does not work

Post by semua »

Pablo wrote: Tue Mar 19, 2019 2:16 pm Unfortunately, I cannot help you with finding error in custom code.

But here are some tips:

http://twixar.me/vWKK
- there is code at the start of the page. This not the right place to insert JavaScript. Usually this script goes between the heads tags.
- I am not sure why you need jQuery for a font. But it may conflict with the built-in jQuery version.
<link rel="stylesheet" href="https://fontgold.com/fonts/style.css">
should also be between the head tags.

Also note that you can use custom icon fonts with the built-in Icon Font object.
http://wysiwygwebbuilder.com/iconfonts.html
1. I moved the JavaScript from the top of the page to the appropriate place;
2. As for jQuery I think it's not really necessary, I'll check;
3. I moved the code that contains "link ..." into the head tags;
4. Good to know that I can use my icons in the Icon Font object;

Thank you for the information, which was well used.

Unfortunately I could not solve it. The reference "https://fontgold.com/fonts/style.css" only works if it is used on the site itself, when applied in another it does not work, I do not know why, it seems to be private.

If any user has any ideas to help me, thank you.
Post Reply