CSS font not working

Question

CSS font not working

Hi, I don’t want my font CSS font not working, I have no idea why it worked a few days ago ...

Here is the CSS

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

}

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

}


body{
    font-family:TrajanProBold;
    background-color:#ebebeb;
    padding:0;
    margin:0;
}

and this one

<link rel="stylesheet" href="http://www.willruppelglass.com/css/slimbox2.css" type="text/css" media="screen" />
<link rel="stylesheet" type="text/css" href="http://www.willruppelglass.com/css/styles.css" />

Any help would be appreciated, J

+3

css font-face

user1274810 16 Mar 12 at 20:03

source to share

4 answers

Jason gennaro · Answer 1 · 2012-03-16T20:43:45+0000

Looking at the stylesheet ( http://www.willruppelglass.com/css/styles.css ) I can see that TrajanProBold

only applies to two elements:

body

and input

However, the Slimbox stylesheet ( http://www.willruppelglass.com/css/slimbox2.css ) has a different font stack applied to

#lbBottom

This way, Slimbox fonts will override the font TrajanProBold

, at least on the mentioned element.

doitliketyler · Answer 2 · 2012-03-16T20:22:29+0000

In my experience with custom fonts, you need "', so you should try it as" TrajanProBold "Hope it's that simple.

Fortuna · Answer 3 · 2014-04-04T12:33:53+0000

Edit

src: url('trajanpro-regular-webfont.eot');

to

src: url('trajanpro-regular-webfont.ttf');

MohammedFiroz-Todotcom · Answer 4 · 2015-02-20T12:53:35+0000

check your .htaccess in root folder as well as sub directories. Apply the following code to the appropriate .htaccess file.

Order deny,allow
    Deny from all
    <Files ~ ".(xml|css|jpe?g|png|gif|js|svg|woff|ttf|eot|woff2)$">
    Allow from all
    </Files>

CSS font not working

More articles: