Search Icon showing as Letter "j" instead of Magnifying Glass

[lesliekirk]

Thanks Bruce!

[Bruce - PhosphorMedia]

It simply rewrites any form of domain name (example.com mostly) to www.example.com...cause those are TWO different domains, and if a resource is calling one (like www.domain.com) while its on domain.com you can get a 'cross script' error. and yes, using relative references will work based on the base href tag.

[lesliekirk]

Re: Search Icon showing as Letter "j" instead of Magnifying Glass

cross site scripting issue most likely.

make sure you have this in your htaccess file

RewriteEngine on
RewriteCond %{HTTP_HOST} ^example\.com$ [NC]
RewriteRule ^(.*)$ http://www.example.com/$1 [R=301,L]


and, your css files (or css file script AKA css.php) are referenced with

<link rel="stylesheet" type="text/css" href="//domain.com/style.css">

So type slowly when explaining this to me please. What does this rewrite do? Does it force the www to be used? It seems that the ReadyThemes icons need the www to function. The href seems to imply not using the www. Could the href just be <link rel="stylesheet" type="text/css" href="/style.css"> instead? Or is something else needed?

[c3idesign]

Re: Search Icon showing as Letter &quot;j&quot; instead of Magnifying Glass

Thanks so much!

[Bruce - PhosphorMedia]

Re: Search Icon showing as Letter &quot;j&quot; instead of Magnifying Glass

cross site scripting issue most likely.

make sure you have this in your htaccess file

RewriteEngine on
RewriteCond %{HTTP_HOST} ^example\.com$ [NC]
RewriteRule ^(.*)$ http://www.example.com/$1 [R=301,L]


and, your css files (or css file script AKA css.php) are referenced with

<link rel="stylesheet" type="text/css" href="//domain.com/style.css">

[c3idesign]

Re: Search Icon showing as Letter &quot;j&quot; instead of Magnifying Glass

Hi, haven't solved it yet, as I've been busy with family and thanksgiving... but issue is it DOES work with http://www.site.com, but not with http://site.com (no www). Hope this helps you.

[dcatel]

Re: Search Icon showing as Letter &quot;j&quot; instead of Magnifying Glass

Hi,

Just wondering if you could explain the fix.

Thanks
Dave C

[c3idesign]

Re: Search Icon showing as Letter &quot;j&quot; instead of Magnifying Glass

Just fixed it myself.

[c3idesign]

Re: Search Icon showing as Letter &quot;j&quot; instead of Magnifying Glass

I'm having the same issue. Moved from dev to live and now my icons aren't displaying. Contents of /httpdocs/fonts:

ElegantIcons.eot
ElegantIcons.svg
ElegantIcons.ttf
ElegantIcons.woff
fontawesome-webfont.eot
fontawesome-webfont.svg
fontawesome-webfont.ttf
fontawesome-webfont.woff
fontawesome-webfont.woff2
FontAwesome.otf
optics.eot
optics.svg
optics.ttf
optics.woff
Suivant.eot
Suivant.svg
Suivant.ttf
Suivant.woff


Any idea what may be missing or wrong path?

[Siamese-Dream.Com]

Re: Search Icon showing as Letter &quot;j&quot; instead of Magnifying Glass

Thanks Matt:

I had to upload the correct fonts. I had originally started out with the Optics Framework. When I applied the Suivant framework, the old optics fonts were still in the httpdocs/fonts/ folder.

That might be something to pass along to people is that if they start on one framework and then decide to try a different framework, they will probably have to copy over some fonts, images and CSS files by hand.

Thanks again, and consider this solved.

[Matt Zimmermann]

Re: Search Icon showing as Letter &quot;j&quot; instead of Magnifying Glass

Hi Mark,

If you access your site through FTP, your path should be something like /subdomains/httpdocs/fonts/

As for Gordon's advice, you are correct. This ReadyTheme does not utilize Font Awesome.

[Siamese-Dream.Com]

Re: Search Icon showing as Letter &quot;j&quot; instead of Magnifying Glass

Hi Mark,

When I view your site, I am seeing 404 errors for the Suivant fonts when the browser is trying to fetch them from the "fonts" folder. Can you confirm that those files are uploaded to the server?

Hi there, Matt:

Where would I confirm they are on the server? Could you tell me what path they should be in?

Thanks in advance.

(Oh, and am I to assume then that Bruce's advice does not apply here?)

[Matt Zimmermann]

Re: Search Icon showing as Letter &quot;j&quot; instead of Magnifying Glass

Hi Mark,

When I view your site, I am seeing 404 errors for the Suivant fonts when the browser is trying to fetch them from the "fonts" folder. Can you confirm that those files are uploaded to the server?

[joshpappas]

Re: Search Icon showing as Letter &quot;j&quot; instead of Magnifying Glass

Are you saying that the folders give that error when you try to open them, or the font files themselves? You should at least be able to open the SVG files in a text editor. Windows and Mac should both let you open a TTF natively as well.

Also, I just realized that we're talking about the magnifying glass for the search icon, which uses a different custom font that's actually called "Suivant". I was thinking of the image zoom icon, which is also a magnifying glass. My mistake. Do you have the Suivant font files as well?

My "fonts" folder contains:

ElegantIcons.eot
ElegantIcons.svg
ElegantIcons.ttf
ElegantIcons.woff
Suivant.eot
Suivant.svg
Suivant.ttf
Suivant.woff

[gangadevi]

Re: Search Icon showing as Letter &quot;j&quot; instead of Magnifying Glass

Thanks Josh. The folders are there, but all four of them result in an error message if I try to open them:

Unable to read the file or the file format is not supported.

The icons show up sometimes, other times, they are all just a single letter.

I've noticed this on other Suivant sites as well.