43 Responses

  1. The Frosty
    The Frosty Published |

    Either or works for me. Though it took me a a few weeks to adjust to the new fonts and admin layout.

    I’ve been testing 3.2 for some time now and have already switched to 3.3 aortic dissection.

    Reply
  2. chuckreynolds
    chuckreynolds Published |

    At first I kind of freaked out about the new font around b2 or RC1… then got used to it… If any clients complain I’ll throw in the function but otherwise I’ll sit on it.

    Thx for the codez

    Reply
  3. Dex Barrett
    Dex Barrett Published |

    Very cool, Justin. I installed the new version of Wordpress but i didn’t really like the default font it has now; it reminds me of the visual editor, which i don’t like either.

    I tested the code as a standalone plugin and it works. Thanks for sharing.

    Reply
  4. Jon Brown
    Jon Brown Published |

    Thanks for this, very cool… I think I’m about to go change my editor font to Panic Sans :)

    Reply
  5. Alex (Viper007Bond)
    Alex (Viper007Bond) Published |

    I strongly prefer it, then again I spend a lot of my day already reading Consolas inside of my text editor. :)

    Reply
  6. Ipstenu
    Ipstenu Published |

    The only reason I changed the monospace is that on XP it looks like crap.

    Reply
  7. Adriana
    Adriana Published |

    I don’t like the change, because the text is very difficult to read. And especially if the purpose is blogging and reading what you are writing… this just doesn’t work.

    I tried the code in function.php, didn’t work.

    Reply
  8. Michael
    Michael Published |

    Whilst I do not like the change , something bland does give you the motivation to make a quick change to what you really do like , so that can’t be all bad ..

    Reply
  9. Tony
    Tony Published |

    “…but I hate the visual editor more than I hate people who kill kittens for fun.”

    Made me laugh.

    Reply
  10. dragonsjaw
    dragonsjaw Published |

    Thank You!! Going to use this on all my wp installs.

    Reply
  11. zaher
    zaher Published |

    hi :
    nice post , but i think it will best to use the built-in function add_editor_style to add our own css file and add it to the theme ..
    so that when people need to change anything they can just change it from the css file not the function file ..

    Reply
  12. Paul
    Paul Published |

    Thank you so much.

    I’m still on XP ( and will be for awhile. )
    That mono font rendering is killing me until I found this post.

    I read what Nacin wrote on the forum and wondering why not otherwise.

    If this was meant specifically for coders, why not let people with coding skills make change to it, but instead forcing people with less coding skills ( like me ) to look around and find a solution and do the fixing myself ?

    Reply
  13. Loren Helgeson
    Loren Helgeson Published |

    Hey, thanks for the tip. Worked like a charm.

    I was finding the new mono-spaced font a lot harder to read, almost like I was writing my posts in Notepad, which is not the friendliest plain-text editor out there. :/

    Reply
  14. Lillan Backa
    Lillan Backa Published |

    Wonderful and works like charm :)

    Reply
  15. How to change WordPress editor font
  16. Wordpress Editör Yazı Karakterini Değiştirme | Bahadır Tezer - Freelance UI Devoloper
  17. WordPress: Schrift im HTML-Editor ändern | WordPress & Webwork
  18. zonebattler
    zonebattler Published |

    Very helpful, thanks a lot! However, it only seems to work when creating or editing articles. Whenever I try to edit a comment, the text is still displayed in the ugly monospace default font, regardless of the theme I use. Is there another line of magic code for fixng that as well?

    Reply
  19. 8个最新的好用的WordPress hacks | In Eyes
  20. WordPress Schriften ändern
    WordPress Schriften ändern at |
  21. Wordpress Hacks – Tech-Moe
    Wordpress Hacks – Tech-Moe at |
  22. » 8 New and amazing WordPress hacksIT Mix UP: Active IT Blender
  23. » How to change WordPress editor fontIT Mix UP: Active IT Blender
  24. 8 Great WordPress Hacks | Bloglink.ca
    8 Great WordPress Hacks | Bloglink.ca at |
  25. 7 Nuevos e increíbles trucos WordPress
    7 Nuevos e increíbles trucos WordPress at |
  26. Tip Wordpress: Cambia la fuente del editor — Guiabreve
  27. hamed ahmadi
    hamed ahmadi Published |

    I do this but everything gone. now when I go to my homepage http://www.siniqradio.com it says: Parse error: syntax error, unexpected ‘}’ in D:inetpubvhostssiniqradio.comhttpdocswp-contentthemesnews-childfunctions.php on line 47
    just this.
    what should I do? what is this? I also can’t login to my wordpress. please help

    Reply
  28. 8 New and amazing WordPress hacks | CatsWhoCode.com
  29. Μικρά κόλπα για το WordPress
    Μικρά κόλπα για το WordPress at |
  30. 8 New and amazing WordPress hacks « The Blog of Jordan Rynard
  31. 8 New and amazing WordPress hacks | Tutorial Scribe
  32. 30 Extremely Useful Wordpress Code Snippets & Hacks | Web Design Habits
  33. 8 nuevos e increíbles trucos para WordPress
  34. Fixing WordPress 3.2′s HTML editor font on ALL my blogs
  35. 8 New and amazing WordPress hacks | Pets
    8 New and amazing WordPress hacks | Pets at |
  36. Peter Brock
    Peter Brock Published |

    I discovered today that WP 3.3 overrides this fix. Don’t know why. Hope you will.

    Reply
  37. Fix the HTML Editor font in WordPress 3.3 | | WPbonbonsWPbonbons
  38. Xander
    Xander Published |

    #editorcontainer is now #wp-content-editor-container. Swap it into the declaration above and you’ll be up and running in WP 3.3.

    Reply
  39. Sahil Mepani
    Sahil Mepani Published |

    Thank you, Justin. I’ve been searching for this solution a long time. You just made my day.

    The default font is really small and not easily readable. I also added little extra line-height.

    Thanks again :)

    Reply

Leave a Reply

By submitting a comment here you grant this site a perpetual license to reproduce your words and name/Web site in attribution.

Please use your real name or a pseudonym (i.e., pen name, alias, nom de plume) when commenting. If you add your site name, company name, or something completely random, I'll likely change it to whatever I want.

css.php