Skip to content
View in the app

A better way to browse. Learn more.

Web Designer Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Font awesome icons not showing?

Featured Replies

Hi

 

Been trying to work this out for ages.

 

But its now clearly in 2 camps.

 

mywebsite.com - font awesome icons show

www.mywebsite.com - font awesome icons aren't showing

 

The main head links reads

 

<link href="catalog/view/javascript/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />

 

is there a problem there?

 

Anyone come across this one?

Assuming the path is correct from the document root have you tried adding a slash in font of the path?

<link href="/catalog/view/javascript/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
  • Author

No both just work as they are, never had an issue with www. or not before.

 

I think the default, well the default is without www. for Opencart (the platform I'm using), but eitherway this doesn't answer the font awesome issue?

Hi

 

Been trying to work this out for ages.

 

But its now clearly in 2 camps.

 

mywebsite.com - font awesome icons show

www.mywebsite.com - font awesome icons aren't showing

 

The main head links reads

 

<link href="catalog/view/javascript/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />

 

is there a problem there?

 

Anyone come across this one?

 

I had this problem and it was simple enough, just add this in

 

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">

One more tidbit to throw in here, if you use FA social media icons for things like Twitter/Facebook some ad blockers can stop them showing...

You cannot load fonts from a different domain. Make sure you don't use permalink to the css (or font files) in your code.

 

LEt us know your website domain, maybe we will be able to help more.

I don't know if this is related or of any help, but Firefox does not allow fonts to be used from the same domain. (You can circumvent this though).

I don't know if this is related or of any help, but Firefox does not allow fonts to be used from the same domain. (You can circumvent this though).

 

This is most certainly not true.

Create an account or sign in to comment

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.