fonts

please put me codes in javascriot code to set anther fonts
I want Heartlander,Sagoe script or other like fonts codes

Hello Mariami,
You are able to change the font of your forum in the Colors section of your Admin Panel. It will be under the Display tab.

You will be able to add and change the fonts your website uses from there.

-James

I did not do it

Are you trying to add fonts that are not on your computer?

SLGray wrote:Are you trying to add fonts that are not on your computer?

I have all fants in my computer
but I dont know how to add it on forum

Administration Panel > Display > Colors & Pictures > Colors
The font options are in the first section.

Hello again,
If you are wanting a Javascript code, try using these.

Insert this into your Javascript Management. Select "All Pages" when you add this as well.

Code:

$(function(){$(function() {
  $('.sceditor-button-font').click(function() {
    addFont('Calibri');
    addFont('Papyrus');
    addFont('Avantgarde');
 
    $('.sceditor-font-option.new-font').click(function(e){$('#text_editor_textarea').sceditor('instance').insertText('[font='+$(this).attr('data-font')+']','[/font]');$('.sceditor-font-picker').remove();e.preventDefault()})
  });
  function addFont(font){$('.sceditor-font-picker div').append('<a unselectable="on" class="sceditor-font-option new-font" href="#" data-font="'+font+'"><font unselectable="on" face="'+font+'">'+font+'</font></a>')}
})});

To add more fonts just add this code underneath the others in the code provided above.

Code:

addFont('Baskerville');

And to fix the editor after adding all these codes, just add this to your CSS.

Code:

.sceditor-font-picker {
  height:250px;
  width:150px;
  overflow-y:auto;
}

Code by @Ange Tuteur
Source -> http://fmdesign.forumotion.com/t220-add-more-font-choices-to-the-editor

-James

Are you trying to add fonts to the editor?

Jadster wrote:

To add more fonts just add this code underneath the others in the code provided above.

Code:

addFont('Baskerville');

I did not undertand where will I put this code? are you able to take picture/?
I want Sagoe script code and there is not that code

You will want to add that underneath the code similar to it in the Javascript code I provided near the top.

Code:

addFont('Avantgarde');

Add your new fonts after that code there. It should be the 5th line down on the javascript code that I gave you.

I dont wont hot to fdo this
please show me pictures

I have added an image for you inside the spoiler below

Spoiler:

If you still need help, provide me all the fonts you want to add and I will do it and just provide the code.

Even if you add need fonts, they will not appear if they are not on your members' computers.

Jadster wrote:

If you still need help, provide me all the fonts you want to add and I will do it and just provide the code.

thank you
I want Sagoe script, Brush script MT , Caprica Sans , Cookie monster, Dom Casual, Forte regular, Geo-zaza regular, Solid italic, Heartlander, TFVictoria Scripts

Here you go! Just add this to your Javascript Management.

Code:

$(function(){$(function() {
  $('.sceditor-button-font').click(function() {
    addFont('Calibri');
    addFont('Papyrus');
    addFont('Avantgarde');
    addFont('Sagoe script');
    addFont('Brush script MT');
    addFont('Caprica Sans');
    addFont('Cookie monster');
    addFont('Dom Casual');
    addFont('Forte regular');
    addFont('Geo-zaza regular');
    addFont('Solid italic');
    addFont('Heartlander');
    addFont('TFVictoria Scripts');
 
    $('.sceditor-font-option.new-font').click(function(e){$('#text_editor_textarea').sceditor('instance').insertText('[font='+$(this).attr('data-font')+']','[/font]');$('.sceditor-font-picker').remove();e.preventDefault()})
  });
  function addFont(font){$('.sceditor-font-picker div').append('<a unselectable="on" class="sceditor-font-option new-font" href="#" data-font="'+font+'"><font unselectable="on" face="'+font+'">'+font+'</font></a>')}
})});

Then just add this to your CSS!

Code:

.sceditor-font-picker {
  height:250px;
  width:150px;
  overflow-y:auto;
}

But remember, just as @SLGray said above, these fonts will not show up for your members unless they have these fonts added to their laptop or computer. If they don't have these fonts in their computer then they won't appear for them.

Hope this helps!

-James

thaaaaaaaaankk yoou very much
some fonts are not work , but rhis fons I have on computer instaledd, and are you able to put me the most beautiful and good fonts too?

You can remove or add any fonts you want in the JavaScript.

@Mariami,
What else are you wanting to do or other fonts you are wanting to add? I would be more then happy to assist you in fixing these.

this did not wark
and are you able to put me another code in javascript code?

.sceditor-font-picker {
height:250px;
width:150px;
overflow-y:auto;
}

Mariami wrote:this did not wark
and are you able to put me another code in javascript code?

.sceditor-font-picker {
 height:250px;
 width:150px;
 overflow-y:auto;
}

This Code should be in your CSS files and will make a slide bar on your Fonts Box when it gets to a max size of 250 Hight a lille like this

it does not work

you have an error in your Codes some place please send me a link to your forum and give me a Test account with admin rights to your forum in a pm and i will fix this for you but make sure you pm me with the password and test account name

APE

ok

All fixed lol if you see in this code

Code:

ul.navlinks span.new-message {
color: #FF0000;

you was missing the Closing bracket >> }

if you look here this is how it should be after each code made

Code:

ul.navlinks span.new-message {
color: #FF0000;
}

As you can see this is the code as it should be with the open bracket >> {
and then at the end of that code the closed bracket >> }
 

it is now working for you.

aaaaaa thannkk thankk you very muchh <333

You are so welcome

is this now solved for you ?

APE wrote:You are so welcome

is this now solved for you ?

yes thank youu
it shows only for me and if other userns will not install that fonts in their computers they will not use that?

yes if they do not have that font in there computer then it will not show like you see it but they will see your main forum default font still.