View Full Version : a few simple problems

07-29-2012, 03:49 PM
I have a few css problems, (all things I've done before, but I've been staring at lease for hours so I'm giving up and I need some help)

neither of these things work

@font-face {
font-family: 'League';
src: url('/fonts/League_Gothic.otf');
src: url('/fonts/League_Gothic.eot');
src: url('/fonts/League_Gothic.eot') format('embedded-opentype');
src: url('/fonts/League_Gothic.woff') format('woff');
src: url('/fonts/League_Gothic.ttf') format('truetype');
src: url('/fonts/League_Gothic.svg#svgLeague_Gothic') format('svg');
font-weight: normal;
font-style: normal;


header nav a{
font-family:'League', Arial, Helvetica, sans-serif;

border-top-image: url(/images/vertical_border.png) 0 repeat-y;

Thanks for the help, I am totally stuck

I checked the links. they work, but the font doesn't show up
and the border-top-image doesn't show either

07-29-2012, 04:08 PM
Hi there footballer27,

a link to the problematic site might prove helpful. ;)


07-29-2012, 04:35 PM
I've found on my pages that the browser doesn't like quotes around the URL.
src: url('/fonts/League_Gothic.eot'); maybe should be
src: url(/fonts/League_Gothic.eot);

But where you put the @font-face entry is important too. It should be at the very top of the page BUT you can include an @import css link above it if need be. I know it's confusing but there doesn't seem to be an absolute rule, you just have to try things.

07-29-2012, 07:39 PM

it's at the top of the css.

07-29-2012, 09:27 PM
Hi there footballer27,

The font names in your css do not match those in the fonts folder. :eek:

Also some of them may be corrupted. :eek:

I would suggest that your replace your fonts folder with the one in the attachment and use this css instead...

@font-face {
src:url('/fonts/league_gothic.eot?#iefix') format('embedded-opentype'),
url(/'fonts/league_gothic.woff') format('woff'),
url('/fonts/league_gothic.ttf') format('truetype'),
url('/fonts/league_gothic.svg#svgLeague_Gothic') format('svg');


07-29-2012, 10:35 PM
thank you, your solution was very close. I added ../ before the urls. (I know that shouldn't matter but whatever, it somehow did). Now I'm still stuck on the border-top-image

border-top-image: url(/images/vertical_border.png);

nevermind. thanks anways. I don't need this now

EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum