font awesome not showing in firefox using hubspot - font-awesome

I am using hubspot and followed all the directions on to upload the fonts into hubspot for my site. but in firefox and chrome the icons will not show up. I get a box in chrome and in firefox I get a box with f098 or something like that.

when you give the uploaded font links make the http:// to https://
or check
the firebug console error list

Related

Favicon not showing on quick links on Android Google Chrome

The way I use to display the favicon on my website is to add a favicon.ico in the root folder.
It is working alright on the tabs of the desktop and also the tabs on Chrome in phone itself, but when it's in the quick links, I only see the first letter of my website name. so if the domain is example.com I see E instead of the favicon:
Will I have to add meta tag for favicon to make it show here, or it has nothing to do with it?
favicon.ico is used for low resolution icons, such as the one that appears in the tab. However, bookmark and add-to-home-screen images must be high resolution icons.
In order to have such icons for Android Chrome:
Preferably, provide a Web App Manifest, along with a 192x192 icon.
If you don't want to create such file, you can provide a 180x180 Apple Touch icon. It is simpler and more platforms support it (eg. iOS Safari).
As an alternative, you can use online favicon generators, such as RealFaviconGenerator, to create all these files for you. Full disclosure: I'm the author of this service.

How to find out why Chrome displays an image as "favicon"?

I am currently working on a new website which I already uploaded to a webserver. Interestingly, Google chrome shows an icon as a "favicon" that has no relationship to the page. There is no favicon mentioned in the CSS, the (static) HTML code, and there is also no "favicon.ico" in the directory that Apache2 serves.
Is there any way to find out why Google Chrome uses the icon? There are other subdomains on the web server that use the same CSS style (and HTML template) for which Google Chrome does not use the icon.

Embedded Google Map - Chrome works but IE doesn't

I have embedded a google map into my website following link
http://index.wikidot.com/how-to-embed-a-google-map
It works well with chrome.
However, with IE when I press the zoom button, it redirects me to google maps website from my website.
I have even tried without [[embed]] in the above link.
Do I need to insert any extra index in src="" or something in order make it working?

Facebook custom HTML page not working in Chrome

I have created custom HTML facebook page by pasting my own source code. Its working fine in all browsers Firefox, Safari, IE. But in Google Chrome its not loading external CSS, javascript and everything. Its just text.
Facebook page here:
http://www.facebook.com/KoucPavelMilanCerny/app_190322544333196
Any ideas what to do? Is Chrome blocking loading of external CSS in iframes?
If you use the Chrome Inspector tool and look in the console tab you see these issues:
Try hosting your css and js on the same server as the web page.

mailto link is not working in Chrome Browser (Version :18.0.1025.152 m)

mailto link is not working in Google Chrome browser (Ver:18.0.1025.152 m)
Send mail!
I used the above code in ff and chrome. It works fine in ff but not in chrome
And you can test this link also. I think it is problem with chrome settings. Anyone know how to change settings?
This is because chrome handles the mailto in different way. You can got to chrome://settings/handlers and make sure that which is the default handler. In your case it will be none. Now go to gmail.com. You should see something like this when you click on the button beside the bookmark button.
If you wish to open all email links through gmail then set use gmail. Now when you click on mailto button, chrome will automatically opens in gmail.
You can check which program is mapped to handle mailto: links by entering chrome://settings/handlers. It could well be that if the mailto: handler is somehow misconfigured, Chrome silently fails on mailto: links.
More information on handlers, including allowing websites to handle special links is available at http://support.google.com/chrome/bin/answer.py?hl=en&answer=1382847
For what it's worth, mailto: link in the W3Schools example works without problems with Chrome 19.0.1084.41 (Official Build 134854) beta-m and Outlook 2010 under Windows 7 Professional (64-bit).
It happens because your email default program doesn't working correctly.
This fixed mine .. Set your default email reader.
http://see.kirkstrobeck.com/VD7s
It is not because of the Chrome Settings...
Chrome is more specific for the Html and CSS, so your problem is probably that one of your 's is going over the link or image if you're trying to use an image as a mailto command.
Once you are on the page you are trying to make this work right click and choose "inspect element" and check if another element is going over your link...
Then in Css fix that and your mailto link will work...
Hope this helps
website design