Advertisement:

Author Topic: Adding Custom Fonts to SMF 2.X?  (Read 1106 times)

Offline dreadk

  • Jr. Member
  • **
  • Posts: 117
  • Gender: Male
  • I'm a llama!
Adding Custom Fonts to SMF 2.X?
« on: October 05, 2011, 12:38:13 PM »
 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) [Select]
@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');
}

And I am trying to input that in to the menu which doesn't seem to take at all.
Code: (index.css) [Select]
.dropmenu a span
{
display: block;
padding: 0 0 0 5px;
font-size: 15px;
font-family: 'BebasNeueRegular', arial, sans-serif;
text-transform:uppercase;
}

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 >_<
« Last Edit: October 05, 2011, 08:45:40 PM by dreadk »