Products

Solutions

Resources

Partners

Community

About

New Community Website

Ordinarily, you'd be at the right spot, but we've recently launched a brand new community website... For the community, by the community.

Yay... Take Me to the Community!

Welcome to the DNN Community Forums, your preferred source of online community support for all things related to DNN.
In order to participate you must be a registered DNNizen

HomeHomeDevelopment and...Development and...Building ExtensionsBuilding ExtensionsSkinsSkinsFont Awesome, not working?Font Awesome, not working?
Previous
 
Next
New Post
8/5/2015 3:24 PM
 

I am having the hardest time getting FontAwesome (GitHub Icon set) to work with this Popular V2 template I have purchased.

It's supposed to be integrated with the template itself but it's simply not working so I tried to just get it working myself.

  • I went over to Font Awesome (http://fortawesome.github.io/Font-Awesome/) and downloaded the package. (Font Awesome 4.4.0 package)
  • Extracted it and put it in my skins>Popular>css
  • linked it in a file called "AddScripts.aspx"

    <link rel="stylesheet" href="../css/font-awesome/css/font-awesome.min.css">
    <link rel="stylesheet" href="../css/font-awesome/css/font-awesome.css">

  • and finally added into a header I've edited.

<div id="topsocialicons">
<span class="fa-facebook"></span> <span class="fa-twitter"></span> <span class="fa-linkedin"></span>
</div>

 


I'm not getting any errors in my console. (Firefox)

I'm also trying to add a font using @font-face and that's not working. But that's a whole other can of worms.

 

Any help would be greatly appreciated. Thank you very much!

 

 
New Post
8/6/2015 3:06 AM
 
Save yourself the drama and just use the CDN link.. the first method on the page:
http://fortawesome.github.io/Font-Awe...

You can put that at the top of your skin.
Rob

But it sounds like you might have some other issue if that skin's one doesn't work and then your own doesn't work.. if the method above doesn't work either then there must some other issue.
 
New Post
8/9/2015 6:55 AM
 
You will need to add .woff2 font/x-woff2 to the mime types in IIS: https://github.com/FortAwesome/Font-A... Hope this helped.

www.server-essentials.com is a community for IT Consultants and Business Owners who, themselves, take care of the IT infrastructure and Employees who do that little extra in the company to keep things running. Our forum is for discussing all things ‘IT’ and more. Our documentation is top notch and written by and for the community. Join now at https://www.server-essentials.com/secure-registration
 
New Post
8/11/2015 3:50 PM
 
I added .woff2 to the MIME types. Still nothing.

I tried using another custom font using @font-face and it simply wouldn't take either.
I'm at a loss, it's not letting me use any sort of custom font.

I think next I'm going to test and see if a google font works.
 
New Post
8/12/2015 5:07 AM
 
you need to add the mime type only, if delivering the font files from your server, preferably you should link to the CDN download address.
You need to add the link in your skin file, there is no other aspx file needed - unless for testing.

Cheers from Germany,
Sebastian Leupold

dnnWerk - The DotNetNuke Experts   German Spoken DotNetNuke User Group

Speed up your DNN Websites with TurboDNN
 
Previous
 
Next
HomeHomeDevelopment and...Development and...Building ExtensionsBuilding ExtensionsSkinsSkinsFont Awesome, not working?Font Awesome, not working?


These Forums are dedicated to discussion of DNN Platform and Evoq Solutions.

For the benefit of the community and to protect the integrity of the ecosystem, please observe the following posting guidelines:

  1. No Advertising. This includes promotion of commercial and non-commercial products or services which are not directly related to DNN.
  2. No vendor trolling / poaching. If someone posts about a vendor issue, allow the vendor or other customers to respond. Any post that looks like trolling / poaching will be removed.
  3. Discussion or promotion of DNN Platform product releases under a different brand name are strictly prohibited.
  4. No Flaming or Trolling.
  5. No Profanity, Racism, or Prejudice.
  6. Site Moderators have the final word on approving / removing a thread or post or comment.
  7. English language posting only, please.
What is Liquid Content?
Find Out
What is Liquid Content?
Find Out
What is Liquid Content?
Find Out