Leather font for TinyMCE

Question

I used the skin editor:

http://skin.tinymce.com

to create a text editor.

However, I do not see how to change the type and size of the font.

There is a font folder in the skin file and contains:

icomoon.ttf
icomoon-small.ttf
icomoon.eot
icomoon-small.eot

and etc.

On my website, I format my text as follows:

font-family: Verdana,Geneva,sans-serif;
font-size: 11px;

How can I do this for my skin?

Answer 1

first generate webfont:

http://www.fontsquirrel.com/tools/webfont-generator

you download the package of files. U need to copy:

*.eot
*.woff
*.ttf
*.svg

for skin for TinyMCE css folder

in Skin for TinyMCE, a file named: skin.min.css

on top of this css file you need to include font declaration

@font-face {
    font-family: 'arialregular';
    src: url('arial-webfont.eot');
    src: url('arial-webfont.eot?#iefix') format('embedded-opentype'),
         url('arial-webfont.woff') format('woff'),
         url('arial-webfont.ttf') format('truetype'),
         url('arial-webfont.svg#arialregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

you will find it in the stylesheet.css file that was generated in the font protein

  skin.min.css , squirrel, :

    font-family: 'arialregular';

, , !

Answer 2

Verdana, Geneva -, .

, css, :

.mce-container, .mce-container *, .mce-widget, .mce-widget *, .mce-reset {
margin: 0;
padding: 0;
border: 0;
outline: 0;
vertical-align: top;
background: transparent;
text-decoration: none;
color: #333333;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
text-shadow: none;
float: none;
position: static;
width: auto;
height: auto;
white-space: nowrap;
cursor: inherit;
-webkit-tap-highlight-color: transparent;
line-height: normal;
font-weight: normal;
text-align: left;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
direction: ltr;
}

, , css.

.mce-container, .mce-container *, .mce-widget, .mce-widget *, .mce-reset {
font-family: Verdana,Geneva,sans-serif;
font-size: 11px;
}

Bootstrap.min.css , .

, .

Answer 3

Try using:

font-family: 'icomoon-small.ttf';

It will work