Support Forum

Barebones Glyphs?

BL Bluedrake42
Bluedrake42
Member

So we recently switched to the Barebones theme, which fixed a LOAD of forum issues. I guess all our previous problems were related to Reboot, but that’s all working now.

The only thing I’ve noticed… is it doesn’t appear the glyphs for barebones are loading correctly. Not sure why. http://bluedrake42.com/community/forum/community-discussion/say-hi-dont-be-shy/page-2/#p371

I mean… I guess since they’re glyphs, we need to pick the right fonts that have them available? I don’t know. Right now they’re just boxes.

46 Answers

New Answer

YS Yellow Swordfish
Yellow Swordfish
Member

I do not know, of course, what forum errors you mean but a theme by itself can’t really cause much mayhem other than possible styling.

However – your website is throwing a lot of server 500 errors when pages load – including, on the forum page, this one:

“NetworkError: 404 Not Found – http://bluedrake42.com/wp-content/sp-resources/forum-themes/barebones/styles/fonts/barebones.woff?neh1es”

and another for the barebones.ttf file as well. So I guess you should start by taking a look to make sure these files are installed correctly. And personally I have no idea what that ‘?neh1es’ is on the end of the http request for the font file! Does anyone know?

If you take a look using your web console (https://simple-press.com/documentation/codex/faq/how-to/how-to-use-your-web-browser-console/) you will see the errors reported.

BL Bluedrake42
Bluedrake42
Member

I mean I don’t really know, Papa brought up that there were a lot of loading issues as well… but I’m not really sure what you all are looking at, since the site itself seems to load just fine for me and everyone else. Unless you all are trying to load like… backend stuff that I don’t know about?

I agree I don’t know why a theme would cause so much mayhem, but switching off of it absolutely fixed the errors we were having. Before it wasn’t possible to add users to a composed message, and there were a lot of strange issues with fields being too large (or small) on settings pages.

YS Yellow Swordfish
Yellow Swordfish
Member

well you have not said whether the font files exist or not…

i would also try deactivating arrowchat as that seems to be causing most of the errors I am seeing.

BL Bluedrake42
Bluedrake42
Member

We can’t deactivate arrowchat, that’s like… a core feature of our community.

YS Yellow Swordfish
Yellow Swordfish
Member

I was suggesting you deactivate it to see if the error went away. If they do – and they most likely will as it seems to be the root cause of them – then at least you could go back to the authors and ask them how to fix things.

And sorry to repeat myself but you have still not responded to my question regarding the font files being present.

BL Bluedrake42
Bluedrake42
Member

Sorry, I didn’t realize that was a question. I don’t know what you’re asking tbh

I’m going to assume since I don’t know what you’re asking that they don’t exist

Do I need to install a font or something? That’s what I was thinking the issue would be.

IK Ike
Ike
Member

No problem not understanding, hopefully I can explain it a little more straight forward. The network error pointing to the Barebones font needs to be checked as it should have installed with the theme / install, but since you’re getting an error pointing to it, you need to just make sure it exists.

Please take a look in:

wp-content > sp-resources > forum-themes > barebones > styles > fonts >

Just to make sure barebones.ttf exists.

BL Bluedrake42
Bluedrake42
Member

Hm, yeah it does. Probably not a good sign.

YS Yellow Swordfish
Yellow Swordfish
Member

No – not really.
I have searched the net high and low for that bit appended to the url as well and can find no mention of such a weird and seemingly random set of characters… I tend to suspect this might be arrowchat as well.

IK Ike
Ike
Member

We have found the issue, just a simple CSS fix that shouldn’t take 5 minutes to correct – Is that something you would be happy to implement yourself? You can make the change direct to the barebones theme itself as the next update will include the change. I’ll post a step by step below you can use if you’re happy to give it a go..

First step, make sure you have Barebones theme active.

From the WP dashboard go to Forum > Themes > Theme Editor.

You should see a list of files on the right hand side, scroll down to the ‘Stylesheet’ section and select ‘Barebones.php’.

Unfortunately the WP CSS editor doesn’t provide line numbers, so the quickest way to get to what we want to change is to click inside the newly opened stylesheet box and use your browser search (firefox CTRL+F) to find the phrase @font-face {

Once found, you will see that @font-face has lots of rules and will look like:

@font-face {
    font-family: 'barebones';
    src:url('fonts/barebones.eot?neh1es');
    src:url('fonts/barebones.eot?neh1es'#iefix') format('embedded-opentype'),
        url('fonts/barebones.ttf?neh1es'') format('truetype'),
        url('fonts/barebones.woff?neh1es'') format('woff'),
        url('fonts/barebones.svg?neh1es'#barebones') format('svg');
    font-weight: normal;
    font-style: normal;
}

Please delete it from the at the start to the closing bracket } at the end, and in the empty space copy and paste in:

@font-face {
    font-family: 'barebones';
    src:url('fonts/barebones.eot');
    src:url('fonts/barebones.eot?#iefix') format('embedded-opentype'),
        url('fonts/barebones.ttf') format('truetype'),
        url('fonts/barebones.woff') format('woff'),
        url('fonts/barebones.svg?#barebones') format('svg');
    font-weight: normal;
    font-style: normal;
}

You may have to clear your browser cache for the glyphs to then show, or perform a force refresh (firefox CTRL + F5) as for some reason browsers really really like to hang on to cached glyphs.

Apologies, as it’s actually a randomly generated code applied when the font was created. Not something easy to spot and the way it was displaying made it even more confusing!

And of course if you do have a go, please let us know how you get on!

MP Mr Papa
Mr Papa
Member

we will try to get a updated release pushed out today, but the Super Bowl starts in 30 minutes, so it might be tomorrow.. 😉

BL Bluedrake42
Bluedrake42
Member

Awesome thanks guys I’ll give that fix a try <3

BL Bluedrake42
Bluedrake42
Member

Hm… not sure but it didn’t seem to work. I updated the file and force refreshed, but still the boxes.Screenshot-2016-02-07-23.47.50.pngScreenshot-2016-02-07-23.47.45.png

YS Yellow Swordfish
Yellow Swordfish
Member

Well this morning the page fails to load with a jQuery TypeError. I have been looking at the source code of the page and to be honest I don’t know where to start! There are at least 2 and I suspect 3 different copies (and possibly different versions) of jQuery being loaded. Same with the jQuery UI. Bootstrap is being loaded. And as to what is causing the error stopping everything from loading I have no clue – bit perhaps something new.
Some of the things you are using on that website contravene just about every rule of WordPress so I am not really surprised things are failing to work properly. There are some errors on most pages.