Embedding custom font help

Dev Shed Forums Sponsor:

November 5th, 2012, 10:59 AM

fool4krist

Registered User

Join Date: Oct 2012

Posts: 13

Time spent in forums: 2 h 3 m 21 sec
Reputation Power: 0

Embedding custom font help

ok so I've followed some instruction on embedding a custom font on a webpage, but I'm having trouble. I use a @font-face to link to the actual font document, and then call on it later in the css. It's not working. Please check and help if you can.

Code:

@font-face {
    font-family: elixancontent;
    src: url(/misc/elixancontent.ttf);
}

Code:

#content {
    width: 640px;
    min-height: 500px;
    font-family: 'elixancontent';
    background-color: white;
    margin: 0;
    padding: 0;
    float: left;
}

The html has a content div with text which is supposed to be the selected font, but is not.

html: elixanstudios.8tar.com
css: elixanstudios.8tar.com/css/default.css
font: elixanstudios.8tar.com/misc/elixancontent.ttf

November 5th, 2012, 12:08 PM

coothead

~ bald headed old fart ~

Join Date: May 2005

Location: chertsey, a small town s.w. of london, england

Posts: 192

Time spent in forums: 1 Week 17 h 41 m 25 sec
Reputation Power: 86

Hi there fool4krist,

according to "fontsquirrel.com" your font elixancontent.ttf is corrupt.

Also I was unable to find your font anywhere.

The nearest that I could find was Elisia

Have you renamed it?

coothead

__________________

November 5th, 2012, 04:51 PM

coothead

~ bald headed old fart ~

Join Date: May 2005

Location: chertsey, a small town s.w. of london, england

Posts: 192

Time spent in forums: 1 Week 17 h 41 m 25 sec
Reputation Power: 86

Hi there fool4krist,

whilst waiting for your reply to the font problem, I thought
that I would have a look at your layout problems.

Check out the attachment to see the fruit of my labours.

coothead

Comments on this post

fool4krist agrees: Thanks

Attached Files

fool4krist.zip (51.5 KB, 35 views)

November 6th, 2012, 02:07 AM

fool4krist

Registered User

Join Date: Oct 2012

Posts: 13

Time spent in forums: 2 h 3 m 21 sec
Reputation Power: 0

Wooow thanks for all that, you really didn't have to. I did rename the font after downloading it and making sure it ain't copyrighted. I suppose I shouldn't be renaming fonts then...

I love the layout fix, but I'm still indecisive on whether I want that layout, and that whole style altogether, so...

This was more of a project to see my limits and learn - apparently my limits are very small, I have lot's to learn.

Grateful for all the help from you!

November 6th, 2012, 02:51 AM

coothead

~ bald headed old fart ~

Join Date: May 2005

Location: chertsey, a small town s.w. of london, england

Posts: 192

Time spent in forums: 1 Week 17 h 41 m 25 sec
Reputation Power: 86

No problem, you're very welcome.

coothead

Embedding custom font help

Developer Shed Advertisers and Affiliates