how to include absolute css path using add_editor_style() in wordpress

Question

How to include external css like google font http://fonts.googleapis.com/css?family=Lato using add_editor_style() ?

when i add add_editor_style('http://fonts.googleapis.com/css?family=Lato');, in source code will show like this :

<link rel="stylesheet" data-mce-href="http://203.223.152.159/~marineac/wp-content/themes/twentyten/http://fonts.googleapis.com/css?family=Lato&amp;ver=342-201106301" href="http://203.223.152.159/~marineac/wp-content/themes/twentyten/http://fonts.googleapis.com/css?family=Lato&amp;ver=342-201106301">

RRikesh · Accepted Answer · 2013-07-31 05:40:39Z

1

You should use the mce_css filter. Not tested:

function so_17961871( $mce_css ) {
    if ( ! empty( $mce_css ) )
        $mce_css .= ',';
    $mce_css .= 'http://fonts.googleapis.com/css?family=Lato';

    return $mce_css;
}

add_filter( 'mce_css', 'so_17961871' );

answered Jul 31, 2013 at 5:40

RRikesh

14.5k5 gold badges55 silver badges74 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

user5742826 Over a year ago

could you please look wordpress.stackexchange.com/questions/214858/…

lkraav · Accepted Answer · 2013-10-19 10:33:14Z

1

This was patched in changeset 24735 which I believe is part of 3.6 or 3.6.1.

answered Oct 19, 2013 at 10:33

lkraav

2,8373 gold badges28 silver badges27 bronze badges

2 Comments

Greg Perham Over a year ago

Yes indeed. Note that if you want to use multiple font faces (e.g., $font_url = 'http://fonts.googleapis.com/css?family=Lato:300,400,700'), you need to url encode the commas: Do str_replace( ',', '%2C', $font_url ) before passing to add_editor_style.

user5742826 Over a year ago

Hi could you please look at this question wordpress.stackexchange.com/questions/214858/…

Collectives™ on Stack Overflow

how to include absolute css path using add_editor_style() in wordpress

2 Answers 2

1 Comment

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related