Customizing SMF > SMF Coding Discussion

Adding Custom Fonts to SMF 2.X?

(1/1)

dreadk:
 I am trying to change the font of the menu and running in to an issue (Or in general add another font). I have this first which containss the font face css

Demo Of Font Working in Regular HTML: http://www.risengaming.com/fonts/demo.html

Edit 2: http://www.exphryl.com/bf   (Exact code as the demo line for line and the font will not load. So  I am not sure what is causing SMF To block this :()




--- Code: (bebas.css) ---@font-face {
    font-family: 'BebasNeueRegular';
    src: url('BebasNeue-webfont.eot');
    src: url('BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
         url('BebasNeue-webfont.woff') format('woff'),
         url('BebasNeue-webfont.ttf') format('truetype'),
         url('BebasNeue-webfont.svg#webfontj1CI1MAi') format('svg');
}
--- End code ---

And I am trying to input that in to the menu which doesn't seem to take at all.

--- Code: (index.css) ---.dropmenu a span
{
display: block;
padding: 0 0 0 5px;
font-size: 15px;
font-family: 'BebasNeueRegular', arial, sans-serif;
text-transform:uppercase;
}

--- End code ---

Edit 3: After bashing my head againsta  wall for a few hours. Apparently I needed to create a fonts folder and not have them linked off another portion of my site >_<

Navigation

[0] Message Index