Site in read-only mode

This site is now read-only following the release of MyBB 1.8 and the new mods site.

If you are looking for MyBB 1.8 mods please click here to visit the new mods site.

You can continue to download submissions for MyBB 1.6 and earlier here, however new submissions will only be accepted via the new mods site.

Rating

  • Rated /5 with 30 votes
  • 1
  • 2
  • 3
  • 4
  • 5

Custom Font

Add any font you'd like to your forum, fonts you made, fonts you've downloaded, and other fonts!


As said above, you may use a font of your wishes.

**Notice: If the font has a copyright you may not use it without their permission, using preinstalled fonts are fine on the contrary**


• Make a folder in your /upload/ (/forums/) or the main directory of your forum, name it 'fonts'

• Install a .ttf and .eot file in the /upload/fonts/ directory
• Need to make an .eot file? Just go to here:
http://www.kirsle.net/wizards/ttf2eot.cgi
• Browse for the ttf file
• Scroll down to 'Download your font' and download, then upload it as above


• Go to the admin cp
• click on the Themes and Templates Tab
• go to the theme you want to make the custom font on and edit global.css

• Insert this code:

Code:
@font-face {
       font-family: '$1';
       src: url(fonts/$2.eot)
}

@font-face {
       font-family: '$1';
       src: url(fonts/#3.ttf)
}


Key:
$1 - Replace with a nickname for the font
$2 - Replace with the name of the eot file you installed earlier
$3 - Replace with the name of the ttf file you installed earlier

**Notice: People also have to have updated browsers, which isn't a big problem, but it can be with the fact that some computers are older then others**


Now go to the top of the page.

Where it says 'body'
find this below it:

Code:
font-family: Arial, Sans-Serif;


Or anything that looks like that.

Replace that text with:

Code:
font-family: $1;


(this is referring to the $1 in key above)


Also if you'd like it to appear in parts defined with font-family, do the following.
• Ctrl+F or just click on the menu and hit 'Find'
• Search font-family
• Take off the lines you find 'font-family' and you should be good to go
**Notice: Do not remove the font-family defined in 'body'**


Hope you like this code.
Regards,
Wesley