Customizing Desk

The Desk App for Mac OS X – in all its simplistic glory – really is a fantastic editor for working in a non-interrupted flow with your texts.

However, for those of us with particular aesthetic contemplations, we may wish to change the default font used. Currently, it doesn’t seem that Desk supports this in a graphical user interface, which is why I bring to you this simple 9 step guide for setting the font you like!


Disclaimer: proceed at your own risk and remember to take proper backups!


Our goal is to edit the cascading style-sheet (CSS) that Desk uses for its built-in editor and configure it to use a another font installed on our Mac. To accomplish this, we’ll locate the CSS file within the Desk application package and edit it with the built-in GUI text-editor “TextEdit”.

The steps to accomplish this are as follows:

  1. Open a Finder window
  2. Navigate to the folder “Applications”
  3. Right-click on the “Desk” app icon and click “Show Package Contents”
  4. Navigate to the folder “Contents” > “Resources” > “MCE” > “css” (shown below)Screen Shot 2015-01-20 at 13.20.55
  5. Right-click on the file “iframe.css” and choose “Open With” > “TextEdit”
  6. Search for the line starting with “body {” (currently around line 20)
  7. Edit the “font-family” statement found a couple of lines below that to reflect your choice of font by placing the font name first in the list (see below for an example)
  8. Save the file (possibly needing you to authenticate as this is a restricted file)
  9. Start Desk – your changes should be visible

I have found that the font Quadon works great for me, and therefore my customized “font-family” statement in “iframe.css” has Quadon as the first font mentioned, with fallback to the usual sans serif suspects:

body{
 display: inline-block;
 overflow: hidden !important;
 border: 0 !important;
 margin: 0 !important;
 font-family: Quadon, Helvetica, Arial, sans-serif;

Happy hacking! 

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>