I'm struggling on how to implement font icon in nativescript-vue, I decided to use font-awesome 5 and followed a bunch of different tutorials, unfortunately, It still now working for me. Some devs have an output of a question mark, but for me, nothing is displaying. I've been stuck on this task for a long time now. I would really deeply appreciate some help.
Thank you :)
I'm using:
Typescript-vue-decorator
Nativescript v6.4
This is one of the steps I have followed thoroughly
NativeScript + Vue.js + FontAwesome
Output
Total rookie here, but I was having huge drama getting it working. I reverted to using FA4.7. Still no joy. Ran up a Playground instance and the darn thing worked.
The only thing that was different for me was that my local default app.scss file started with these style references:
#import '~#nativescript/theme/core';
#import '~#nativescript/theme/default';
Whereas the playground defaults to the actual css files:
#import '~#nativescript/theme/css/core.css';
#import '~#nativescript/theme/css/default.css';
I updated my app.scss file to use the above css references and hey presto, font-awesome icons work. I have not gone to the effort of retrying with FA5 but its a good chance this might be the trick.
I hope this helps someone else. All the best.
The playground instance is available here.
Related
I have deployed my next js app on to cPanel, everything is ok, but it shows just html, scss files are not working. How can I fix it?
I have searched on google but could not find proper answer. I have no idea what to do. Has anyone encountered this problem?
I'm starting to learn html and css,
tried to use font-face command to show a police
downloaded from font squirrel: I'm starting to loose hope.
Overlooked in the forum searching for an answer but
my will is tired actually.
Pathway:
css file:
Please help me, even tho I might have been mistaking
as the beginner I am... Thanks.
Found the answer, font was not shown because I putted the '*' mark before font-face while it should have been before the font family entry.
i am noob with Ionic and i am having problems adding a new font of icons in my project.
I am using ionic 3.20.0. I am trying to add this font (http://icofont.com/) and i am use this tutorial for this.
https://yannbraga.com/2017/06/28/how-to-use-custom-icons-on-ionic-3/
(I downloaded this project but dont run, i think that the code is old version, but i am not sure)
I made the tutorial step by step but , when i try to run my app i see this error:
enter image description here
I read a lot of tutorials and try a lot of ways, but i dont know how import the scss file with the fonts.
Thanks for the help!! ( And sorry for my english...)
Finally, the error was that i had a extra dot in the name of my file. I check this and all runs ok with the steps indactes in the tutorial and the coments of this.
Thanks.
I've got a silly problem. It's probably just down to me not being able to see the wood for the trees... one of you geniuses might spot the problem immediately, or at least I hope so!
I've developed a theme for a Magento site using Bootstrap. First I built static HTML templates, which were tested for responsiveness, and they all worked fine.
I then integrated those templates into Magento... and the responsive elements stopped working. They were working initially, but at some point during the site development, they stopped working.
I've looked and looked at it and I can't see what's wrong. I presume there's some sort of conflict with Bootstrap somewhere but I just can't see it. There are no script errors that I can see and everything is loading correctly, but the responsive elements refuse to work.
Can someone take a look at the site at http://www.collaredclergywear.co.uk/ and tell me what I'm missing? I think it's probably something simple but I can't see the wood for the trees anymore.
Cheers,
Willo
One thing in style.css try commenting it. better remove style.css completely and test
.wrapper {
min-width: 954px;
}
I'm struggling on my website which worked well since the shareaholic widget install. I've tried to remove it but the bug remains.
A picture is worth thousand words so it's about : www.mywebshop.org, we can't scroll anymore on the website and I must admit I've never seen that bug (except when using fixed position ;-)).
I'm totally stuck... no cache is active, I can't see anything out of the ordinary... I'm having this issue on every browser on my mac.
Any clues?
Thank in advance ;-)
hey there I have seen your site. Please remove the overflow-y:hidden; from the body selector in the style.css file on line number:2793
That should do it