Lettertype toevoegen

[koenwi View Profile Find User's Posts Find User's Threads PM User E-Mail User]

Je kan hiervoor volgende stappen volgen, in dit voorbeeld ben ik er vanuit gegaan dat je font 'HarryP' noemt, indien je font een andere naam heeft moet je in onderstaande code overal 'HarryP' vervangen door de naam van de font die je gebruikt:

1) Eerst moet je dus het lettertype downloaden, meestal is dit enkel een .ttf bestand.
2) Je moet ook een .eot bestand hebben, dat kan je hier aanmaken indien het niet bij de download zit: http://ttf2eot.sebastiankippe.com/
3) upload deze bestanden naar je forum map. (dus bv een mapje /font/ aanmaken en daar deze 2 bestanden in plaatsen.)
4) Ga op je beheerdersCS naar thema's en sjablonen => *thema('s) die je gebruikt* => global.css => 'stijlbladen normaal bewerken' en plak daar onderaan volgende code:

PHP-code:

@font-face
 {
 font-family: HarryP;
 src: url('http://your-domain.com/font/HarryP.eot');
 src: local(Steiner), url('http://your-domain.com/font/HarryP.ttf') format('opentype');
 } 


(LET OP: 'http://your-domain.com/font/' moet je vervangen door de locatie van je eigen forum.)

5) Om deze font nu bij aan de editor toe te voegen moet je nog even volgend bestand bewerken: /jscripts/editor.js
Daar vind je op +- regel 66 volgende code:

PHP-code:

// Defines an array of fonts to be shown in the font drop down.
 this.fonts = new Object();
 this.fonts["Arial"] = "Arial";
 this.fonts["Courier"] = "Courier";
 this.fonts["Impact"] = "Impact";
 this.fonts["Tahoma"] = "Tahoma";
 this.fonts["Times New Roman"] = "Times New Roman";
 this.fonts["Trebuchet MS"] = "Trebuchet MS";
 this.fonts["Verdana"] = "Verdana"; 


En daar voeg je dan een regel achter aan toe met je eigen font:

PHP-code:

this.fonts["HarryP"] = "HarryP"; 


En dat zou het moeten zijn.