Using Google Fonts in

Get some fonts from Copy the code for the embedded font from the “standard” tab. Next, login to, go to Theme > Customize > Edit HTML, then paste the embedded font somewhere inside the head tag

  <link href=',700|Ubuntu+Mono' rel='stylesheet'/>

Now, you can use these fonts in your custom stylesheet

Styling the <pre> and <code>

Login to, go Theme > Customize > Advanced, scroll down until you get to Add CSS. A sample style is as follows

pre, code {
  font: 1em 'Ubuntu Mono';

pre {
  color: #000;
  letter-spacing: -.3px;
  line-height: 1.2em;
  margin-top: 0px;
  margin-bottom: 10px;
  border: 1px solid #dedede;
  background: #fdfdf7;
  padding: 5px;
  overflow: auto;
  word-wrap: normal;
  white-space: pre;

You have to get Ubuntu mono from Google Fonts before you can use it.