Page 1 of 1

Font icon does not work

Posted: Tue Mar 19, 2019 1:48 pm
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?

Re: Font icon does not work

Posted: Tue Mar 19, 2019 2:16 pm
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

Re: Font icon does not work

Posted: Tue Mar 19, 2019 3:17 pm
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.