Squirrel fonts do not show up in Startup Joomla template

I've read through all of the basic tutorials on adding squirrel fonts to the template font selection system, but I'm still having trouble getting them to show up. I'm using Squirrel fonts to install Neo Sans and Neo Sans Bold

The template will display all the 'Standard' fonts when selected, and after installing the Squirrel fonts as directed, they are visible in the selection list, but when they are selected, the site defaults to Arial.

When examining the css via the browser (chrome), the font is showing this: font-family:

neosans, Arial, sans-serif;

So I don't know why the template isn't rendering the neosans font installed in the font directory.

The fonts/neosans/ folder contains the following files from the Squirrel font kit zip file:

neosansstd-regular-demo.html
neosansstd-regular-webfont.eot
neosansstd-regular-webfont.eot
neosansstd-regular-webfont.ttf
neosansstd-regular-webfont.woff
stylesheet.css

Here is the content of the font css file located in /templates/gk_startup/fonts/neosans/stylesheet.css

@font-face {
font-family: 'neo_sans_stdregular';
src: url('neosansstd-regular-webfont.eot');
src: url('neosansstd-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('neosansstd-regular-webfont.woff') format('woff'),
url('neosansstd-regular-webfont.ttf') format('truetype'),
url('neosansstd-regular-webfont.svg#neo_sans_stdregular') format('svg');
font-weight: normal;
font-style: normal;

}

Apparently I've missed renaming something somewhere.
Anyone who has tips on this, I'd much appreciate the assistance!

Hi,
please read this our guide (start from middle); http://www.gavick.com/documentation/gen ... -the-menu/

I've explained how to use in simple way, try and will work. ... worked for few people in past.

p.s.
Probably in your case you have wrong URL for fonts. You don't have to add them in fonts folder to make them works.

Pawel,

First, thank you for your reply and your help.

I've followed your instructions in the link you posted, but unfortunately, I'm not getting any results.

I've copied the fonts into the /templates/gk_startup/css/ folder, and added the css markup from the squirrel font package to the override.css file, but the font is still not being rendered, even though the css shows it is calling for it.

You mentioned that "Probably in your case you have wrong URL for fonts. You don't have to add them in fonts folder to make them works."

I'm assuming you mean the URL listed in the override.css file.

This is how I have them stated in that file:
src: url('neosansstd-regular-webfont.eot');
src: url('neosansstd-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('neosansstd-regular-webfont.woff') format('woff'),
url('neosansstd-regular-webfont.ttf') format('truetype'),
url('neosansstd-regular-webfont.svg#neo_sans_stdregular') format('svg');

So if I should change that URL, what should it be?

Thank you again for your assistance!

Eric

Send me access to back-end (PM) -- I will check.

Did you used few different browsers to check if this works, because I heard that IE11 have problem with ...reading.

Did you used few different browsers to check if this works, because I heard that IE11 have problem with ...reading.

Pawel,

I'm using Chrome, but I have looked at it in Safari, IE, and Firefox and none of them render the neo sans font.

I will PM you credentials so you can look at it.

Again, thank you!

Sorry for delay,
I have logged and I saw that you have added fonts that's fine,
but for what element ? p , body, h1, h3 ???

1) Your override.css file was not loaded - fixed
2) I've cleared cache
3) I've added you new font for Main menu

Code: Select all

.gkMenu > ul > li > a, .gkMenu > ul li div.childcontent a
{ font-family: 'neo_sans_stdregular'; }

Now you can do this same for rest elements .... because all works fine now, font is loaded etc. have fun.

Thank you Pawel!

Do you know why the override.css wan't loading?

I will work on getting the other elements assigned.

Do you know why the override.css wan't loading?

I guess that is something wrong with template, I really don't know. I added code of this css by hand.