I am using id-card icon of font awesome.
<i class="fa fa-id-card"></i>
The icon is even listed on Font Awesome's Official Website but still doesn't seem to work, it just shows the blank box.
Assuming you are referencing locally and not using their CDN.
Check to ensure you have version 4.7 of Font Awesome referenced in your code. Those icons are new to that version.
Try this code for the address card icon.
Above code is work in font awesome 4.7.0 css
Related
I have Font Awesome 4 on website.
I tried to add TikTok logo as following but it doesn't show up on website as tiktok logo support started in Font Awesome version 5.13.1:
<i class="fa fa-tiktok"></i>
Question:
How can I add one logo from newer Font Awesome versions while keeping old version 4? Thus avoiding to modify syntax from fa to fas across all the website?
I'm using Dreamweaver CS6 for coding and i am making a web site right now.
I've got a problem about fonts. Usually, when i add a font to the Dreamweaver font library and use that font in CSS i can't see that font used on my web site. I mean font doesn't work. Even if that font is a default Adobe Edge Web Font.
Can you guys please help me fix it?
Not sure of your question, but I find that Dreamweaver CS6 doesn't recognize the web fonts that I add through the Web Fonts box that will become part of the font family.
I attach the font's CSS sheet and add the font's name onto font-family tag, but fonts on the corresponding web page that I'm designing don't change! Very frustrating!
I think this is the answer: CS6 adds the wrong name to the font-family in the Font Families text box. So, open that particular font's CSS sheet and copy the name of the font from the line in the font CSS sheet.
For example, ("font-family: 'Special_font_regular';). You would, therefore, add "Special_font_regular" (font name) to the tag font-family. This is what you would have in your CSS code under your class or id list of tags: font-family: "Special_font_regular".
Now the new font will appear on your web page that you are designing.
For some reason, I can't seem to get the Slideshare icon (f1e7) to work.
Every other icon in the font seems fine - and I made sure my installed fonts were all from the latest 4.2 archive.
Any ideas?
TIA,
Adam.
I'm having the same issue currently. I think this may be an issue with the font files, because when I comment out the sources so only the .svg is used, the icon shows up fine.
Until the issue is resolved, I would recommend using the .svg of the slideshare icon, and implementing it using icomoon.
So i had to switch from an older version of Font Awesome to the newest version because the custom icons weren't showing up on my android phone. I heard that the 3.2.1 version fixed this issue, so i started using that. For example, previously whenever i wanted to attach an icon to a button, it would be like this:
Button Name
However after the update, when i use data-icon="user", it just replaces the icon with a plus.
I've surfed through the font awesome github to see if anything on there would help. So now i'm here, still wondering what is different with the newest version.
<a href="account.php" data-role="button" ><i class="icon-whatevericonyouwant></i>Button Name</a>
I'm trying to get FontAwesome to work on my site without Bootstrap. I've downloaded the font files and the CSS files bundled with them, and have changed the CSS file so that it points to the fonts on my server.
In the web inspectors of Chrome, Safari, and Firefox, I get no missing resource errors, and the links to both the CSS file and the fonts aren't broken.
The HTML I'm trying is
<i class="icon-cheveron-right"></i>Next
"Next" appears fine, but without so much as a blank space or offset for the icon. I've checked and double-checked the instructions on the FontAwesome site, but can't get the icons to display at all.
What am I missing here?
this worked for me. your code has an extra 'e' in chevron
<i class="icon-chevron-right"></i>Next