[SOLVED] weird navigation symbols in Firefox

tuxrules · 08-02-2014, 08:31 PM

Hi-

I am seeing some strange symbols within Firefox where the regular navigation arrows should be. This screenshot shows how I see the LibreOffice website but it happens to other websites as well.

https://dl.dropboxusercontent.com/u/...av_Buttons.jpg

I am using the Slack 14.1 with Firefox 31.0 compiled from source using the current slackbuild.

Any ideas? Thanks for the help!

sgosnell · 08-02-2014, 08:50 PM

Nevermind

Ztcoracat · 08-02-2014, 09:00 PM

Hi:

After going through several pages of Chinese and Japanese symbols I wasn't able to find those 2 symbols in your screenshot.

If I find those symbols and what they mean I'll let you know-

FWIW I had trouble with FF too. (different language)

Ruarios script might be a better choice if you want to consider it. The new tgz should be in your /tmp folder after running the script and look like this:

Code:

mozilla-firefox-31.0-x86_64-1ro.tgz

https://gist.github.com/ruario/9672798

Hope that helps-

astrogeek · 08-02-2014, 09:19 PM

Looking at that page it appears that those left/right navigation elements are defined entirely in the CSS (class=icon-chevron-right, etc.) and are not a simple character encoded in-line in the html.

I did not attempt to download and understand their CSS, an exercise left to the student.

But I expect it is an area defined by a height/width with a background image, and the image most likley depends on some locale encoding or other. I don't think it is a simple unicode character encoding.

But strange that it is only the navigation elements in the page you showed, and not the whole page. Is it similar on others?

Could you post the actual url by which your browser accessed the page, and also what your OS locale is (/etc/profile.d/lang.sh maybe) plus whatever character encodings might be in effect within Firefox. That might provide a clue as to what is triggering it.

tuxrules · 08-02-2014, 09:59 PM

Thanks for the responses! Here's another example. This is actually a wordpress blog site on my own server on a local lan. I see the weird symbols as the log into the Admin area on the wordpress site. The symbols actually resemble Sanskrit/Hindi alphabets.

https://dl.dropboxusercontent.com/u/..._WordPress.jpg

The url that I used for the LibreOffice page is https://www.libreoffice.org/

/etc/profile.d/lang.sh shows the following:

Code:

export LANG=en_US
export LANG=en_US.ISO8859-1
export LC_COLLATE=C

In Firefox, preferred language is set to English/United States.

Arkerless · 08-02-2014, 11:15 PM

The libreoffice page is borked.

I don't get exactly the same visual you do but very close. Instead of the odd characters I get F1/04 and F1/05 (with the part after the slashes printed directly below the part before the slashes.) There are lots of similar garbage characters e.g. at the bottom of the page. They get transformed into '<' and '>' and similar characters if scripts are permitted, so obviously they are doing something very stupid here instead of a webpage.

Not sure why you are getting Sanskrit instead of F1/05 style nonsense though. My working guess would be that it has to do with our respective choices for default fonts.

MadMaverick9 · 08-03-2014, 12:40 AM

Did you do an "Inspect Element (Q)" in Firefox? When you do, you'll see right away what's the problem.

This has nothing to do with Firefox, but everything with the screwed up website of LibreOffice.

Code:

font-family: FontAwesome;

This font does not exist locally, but is loaded from the LibreOffice website here: http://www.libreoffice.org/themes/li...s?m=1389089681. Do a "View Page Source" and you'll see this line.

It turns out that the LibreOffice website uses something called "silverstripe cms" and this add-on http://addons.silverstripe.org/add-o...ootstrap-theme incorporates this "Awesome" font:

Code:

<link rel="stylesheet" type="text/css" href="/themes/libreofficenew/css/bootstrap.min.css?m=1396490701" />
<link rel="stylesheet" type="text/css" href="/themes/libreofficenew/css/font-awesome.min.css?m=1389089681" />

Well - I do have to say that this awesomely sucks.

And yes - I use Noscript in my Firefox with few websites whitelisted.

tuxrules · 08-03-2014, 08:39 AM

Quote:

Originally Posted by MadMaverick9

Did you do an "Inspect Element (Q)" in Firefox? When you do, you'll see right away what's the problem.

This has nothing to do with Firefox, but everything with the screwed up website of LibreOffice.

Got it! I just checked

Code:

Allow pages to choose their own fonts, instead of my selections above

under Preferences > Content > Fonts & Colors > Advanced.

Never had to do this before but apparently now we need it. Thanks everyone for the help. All the pages that I had issues started rendering correctly once I checked that box. Marking this thread as solved.