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.
Related
I'm having this annoying problem, when I visit certain sites, are displayed wrong fonts, it's like something is overwriting my fonts. Checking in the console, I see that in the displayed fonts section, there is a font that i have locally installed on my pc, but i'm sure that isn't the right font to display.
Screenshot of the problem
I've checked all default font options on chrome settings and also if is a plugin doing this... but I can't find a solution. I also tried to temporary disable local fonts with the dev-console and it solves the problem, I don't really know why uses this fonts instead the correct ones. Any ideas ?
I've been struggling for hours now, to figure out why font-awesome isn't functioning properly. I used the Font Awesome Wordpress plug-in. It works for the majority of the browsers, however Firefox is showing only a few characters.
It's the magenta menu on this website: http://www.babystuf.nl. (the blocks in the left sidebar) I tried everything (updates to Font awesome 4.X without the plugin, added .htacess in the /font folder, changed the .. /fonts/ path to a static path). Without succes.
Weirdest thing is, that we run a copy of that same website (http://www.baby-wereld.nl) and it's working fine there! Different server, same WP version, however with less plugins than babystuf.nl.
Who has an idea on how to fix this?
Thanks! M
UPDATE: It turned out that we used the All In One Event Wordpress plug-in, that uses Font Awesome as well… And that's a older version than 3.2.1. Only Firefox loaded that font set…
I had this problem. I thought I had tried EVERYTHING (htaccess, changing file paths, playing with permission, etc) but it turned out I had previously tried to use a Font Awesome plugin in my wordpress installation and Firefox was picking up this older version of FontAwesome. Disabling the plugin let the browser look for the files I had uploaded myself and the problem is now solved!
if you go here:
https://secure.dynawebs.net/_studiolite-dev/studiolite-bs.html
I trippled checked all paths as well as re-downloaded bootstrap 3.
with Chrome or FF you will see the glyphicon on the login page just fine (blue icon next to the StudioLite text).
Do the same with IE 10/11 and nada... I have a feeling maybe it's something to do with the fact I use https:// but I don't get any errors in IE and the path to the CSS is relative so it should work.... been banging my head for couple of hours...
any help is greatly appreciated,
Sean.
Font Awesome doesn't support IE7. There is a little info on work-arounds here:
Fort Awesome 3.2.1 Git Hub IE 7 Support
Well, I ended up adding this to me CSS
#import url("https://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css");
which solved the problem...
What I dont understand is that why this doesnt work:
#import url("https://secure.dynawebs.net/_studiolite-dev/_common/_js/bootstrap/css/bootstrap-glyphicons.css");
as both point to same file, and internally the paths are relative and valid.
I have a feeling IE10 likes CDN due to security and not my path... altough it's odd since its from same domain... weird...
I have a .otf font that won't load on any browser. I feel I've followed the #font-face rule so I'm very confused. It's on my portfolio site at the bottom, the social media buttons. They read as a f and an i but they should be a facebook and linkedin icon. Any ideas? Thanks
my portfolio site
Font Squirrel has a fantastic generator.
http://www.fontsquirrel.com/fontface/generator
I'd recommend using it to generate your CSS.
Your resources aren't pulling up the socialico.otf font... Make sure it's in the right directory.
see: http://wrobbins.me/fonts/socialico.otf (404)
Your font url appears as not found for me too, so I did a quick Google and This sounds similar to your problem. Could be that you need to tell your site how to handle that particular file extension.
In Chrome it says your font url isn't found.
Edit
I googled and this answer mentions it being a server problem.
Occasionally users report that the text on https://squareup.com looks like gibberish (or garbled) to them… however we’ve been unable to reproduce this.
Users report to be using either Chrome or Safari on Windows, so this may be an issue with webkit.
Here are a three screenshots that have been taken of this occurring on https://squareup.com:
The pricing page on our current site:
Easily recreated by using an older version of Windows as well as an older branch of Chrome. Seems like Chrome 4-8 have this issue. For testing purposes, boot into XP with Chrome 4. The problem lies in text-rendering: optimizelegibility. This is a reported bug in older Chrome versions when using optimizelegibility with #font-face when using woff fonts. If you can reproduce the issue, try taking out vertical-align: baseline and see if the rendering is still garbled.
It may be something related to the character encoding. Try explicitly specifying the encoding by putting this in the <head> of the page:
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
it's a bit of a stab in the dark, but have you considered re-generating the #fontface files, just in case there's some form of corruption which only surfaces when viewed in certain WebKit browser versions?
If you have one, try running a TTF through the FontSquirrel fontface generator:
http://www.fontsquirrel.com/fontface/generator
Maybe its the custom fonts acting up? When I view your site in firefox it says its in Helvetica Neue but in Chrome it says ag1, agb
I don't have a surefire answer for you, but it looks like you're using the Modernizr class and looking at your html node in Chrome it has the js fontface class applied to it, which suggests custom font-face problems.
they probably have clear type turned off. http://www.microsoft.com/typography/cleartype/tuner/step1.aspx
It seems to me that the texts in question have text-shadow applied to them. This is pretty bleeding-edge, experimental, demanding, unreliable stuff, for little if any visual value (eg white shadows on a white background).
There is a simple answer to this - your css code is representated prior to your server side processing. I bet your using some type of css php or repository for serving up your style/css/markup/jquery or external source for that page.
I'd suggest you put in some wait states and checks for post process or check your ajax/xajax methods. :)
I hope that helps.
I had same issue and figured out that the problem was with font-face. Among the multiple font source files second preference was for "svg", changed to truetype solved the issue.