Themes

Hi,

This part is wrong!

@font-face {
    font-family:'coptic';
    src:url('/theme/decaf/fonts/coptic.eot') format('eot'),
        url('/theme/decaf/fonts/coptic.woff') format('woff'),
        url('/theme/decaf/fonts/coptic.ttf') format('truetype'),
        url('/theme/decaf/fonts/coptic.svg#yourfont') format('svg');
    font-weight:normal;
    font-style:normal;

It should actually look like this as you are only adding one font type, which in your case is True Type Font (ttf).

@font-face {
    font-family: Coptic;
    src: url([[font:theme|coptic.ttf]]) format('truetype');
    font-weight: normal;
    font-style: normal;
}

You only need to add the above CSS one so the font.css file is fine.

To make it work in your theme you need to add CSS to tell Moodle where you need this font to show up on a page. So if this is everywhere, then add it to the body like this:

body { font-family: Coptic, Arial, sans-serif; }

and also headers...

h1, h2, h3, h4, h5, h6 { font-family: Coptic, Arial, sans-serif;}

Hope that helps?

Cheers

Mary

Further to my last comment, I misunderstood what you were saying but after looking at the images I am even more confused! LOL

I think I need to have my lunch and a strong cup of coffee and came back to this later.

Just so that you know I have tested the TinyMCE just adding the code to the TinyMCE lib.php which enabled the Papyrus font I have on my computer, and allowed me to add that font in ANY theme, so that bit works.

I need now to add a separate font that I do not have on my computer and test that with my theme.

Here is proof of my first test...

    protected function get_init_params($elementid, array $options=null) {
        global $CFG, $PAGE, $OUTPUT;

        //TODO: we need to implement user preferences that affect the editor setup too

        $directionality = get_string('thisdirection', 'langconfig');
        $strtime        = get_string('strftimetime');
        $strdate        = get_string('strftimedaydate');
        $lang           = current_language();
        $contentcss     = $PAGE->theme->editor_css_url()->out(false);

        $context = empty($options['context']) ? context_system::instance() : $options['context'];

        $config = get_config('editor_tinymce');
        if (!isset($config->disabledsubplugins)) {
            $config->disabledsubplugins = '';
        }

        $fontselectlist = empty($config->fontselectlist) ? '' : $config->fontselectlist;
        $contentcss .= ', /theme/clean/style/fonts.css';
        $fontselectlist .= ';Papyrus=papyrus';

And here is a screen-shot of the front page summary ...

Cheers

Mary

OK...

Adding the font to the theme and adding the font name and CSS to TinyMCE lib.php will allow the font to show up in the Text Editor in Moodle IF and ONLY IF you add the css to editor.css  and make sure your theme config.php has the editor.css file listed in the stylesheets like this...

$THEME->editor_sheets = array('editor');

I have just successfully added this to Clean theme

Cheers

Mary