MyBB Community Forums

Is it possible to upload a font to my server then embed a link to it so that whenever I use it in a CSS element everyone can see the font even if they don't have it downloaded? Thanks.

It's called @font-face. Surprisingly, it's supported by all browsers except Opera (even 10.5). To get full browser support, follow this tutorial on Themeforest.

Thanks computergeek! I appreciate all your help you've been giving me.

(2010-03-09, 12:02 AM)Skyance Wrote: [ -> ]Thanks computergeek! I appreciate all your help you've been giving me.

You're welcome

I gotta thank you aswell computergeek I have always wondered about this.

Be sure that the font you're using with @font-face has a compatible license, just to keep safe.

Hmm I can't get it to work, I'll try a couple more times and see if it will work.

Hi skyance, I have this working on my forum now, this is the .css I used:

body {
	background: #3B3b3b url(images/grunge/darktile.jpg);
	color: #000;
	text-align: center;
	line-height: 1.4;
	margin-top: 0;
	z-index: 1;
	
	font-family: Arial, 'MyCustomFont', Verdana, Sans-Serif;
	font-size: 13px;
}

@font-face {
   font-family: 'MyCustomFont';
   src: url(images/grunge/font/MyCustomFont.tff) format('truetype');

I just assigned MyCustomFont where I needed it in the .css - see example below

.upper_panel {
	background: #3B3b3b url(images/grunge/steel.gif);
	font-family: 'MyCustomFont';
        font-size: 15px;
        color: white;
	height: 36px;
	border-bottom: 1px rgb(114, 113, 114);
	padding: 7px 12px;
        outline: none;
}