MyBB Community Forums

Hey Guys.

I want to use a different font for my mybb page design.

Not the font displayed when people post. The actual font on like the links and Forum category names.

here is my home page. it's the blood dripping font i want to change




so the font being used at the moment is Nosifer, this is a google font, and displays fine when entering it's name into my themes global.css file.


However, now I want to use a font that I have downloaded. A non standard font and not within googlefonts either.

http://www.dafont.com/journal-du-soir.fo...%27S+CROSS


So far I have done the following

Created a folder in root called fonts and placed this font named soir in to this folder - TTF and EOT files.

Now at the bottom of global.css I have added the following code

@
font-face {
font-family: soir;
src: url('http://deadmanscrosszone.com/fonts/soir.eot');
src: local(soir), url('http://deadmanscrosszone.com/fonts/soir.ttf') format('opentype');
}


I then fine the relevant css required for this font i.e.

#panel {
background: url(images/Diablo/userbar.png) center top no-repeat;
width: 955px;
color: #c51c0a;
padding: 0px 26px;
height: 35px;
line-height: 29px;
margin: auto auto;
text-shadow: 0px 0px 5px #c51c0a;

font-family: 'Nosifer', cursive;
font-size: 11px;
}

and then I change "Nosifer" to "soir"


My font on my site does not change.

Been on this 3 hours now so time to ask for help

Thanks guys :

@
font-face {

to

@font-face {

---

An alternative would be using FontSquirrel's generator.

thanks Miah. Corrected this and still not pulling the font through



i've changed the code for the #panel

#panel {
background: url(images/Diablo/userbar.png) center top no-repeat;
width: 955px;
color: #F72323;
padding: 0px 26px;
height: 35px;
line-height: 29px;
margin: auto auto;
text-shadow: 0px 0px 5px #F72323;

font-family: 'soir', cursive;
font-size: 11px;
}


and i just get a default font displayed.

---

can any one shed any light on pulling through this font to the display?

Thanks guys, really stuck on this one

---

Also tried adding fonts.css file to my root folder

@font-face {
font-family: 'soir';
src: url('fonts/soir.eot');
url('fonts/soir.ttf') format('truetype'),
font-weight: normal;
font-style: normal;

}


and in global.css at the top

@import url(fonts.css);


still no font displayed on my site


I'm sooo confused now

---

Finally fixed the problem. The css editor in mybb removes tiny little bits of code when saving.

I'll try and write this up in a guide when I get time.