Untitled

dabblet.css

@import url(http://fonts.googleapis.com/css?family=Josefin+Slab:100,300,400,600,700,100italic,300italic,400italic,600italic,700italic);
@import url(http://fonts.googleapis.com/css?family=Lobster);
@import url(http://fonts.googleapis.com/css?family=Cutive+Mono);
@import url(http://fonts.googleapis.com/css?family=Ultra);
@import url(http://fonts.googleapis.com/css?family=Bubblegum+Sans);

body {
  background-color: #00e8d5;
  font-family: 'Josefin Slab', serif;
}

em {
  font-family: 'Lobster', serif;
}

strong {
  font-family: 'Ultra', serif;
}

code {
  font-family: 'Cutive Mono', serif;
}

span {
  font-family: 'Bubblegum Sans', cursive;
}

dabblet.html

<h1> Markup </h1>

<p> Markup is formatting text. There are different languages of markup, the most common, yet the most complicated, is know as HTML (<b>H</b>yper<b>T</b>ext <b>M</b>arkup <b>L</b>anguage). </p>
<h2> Here are some examples of things you can do with HTML: </h2>
<p> You can make text <b>bold</b> and <i>italicized</i>, <u>underlined</u> and <s>strucktrhough</s>. </p>
<p> Then, you can use special tags that you can decide to customize such as...</p>
<p>
  <em>Emphasis</em>
  <strong>Strong</strong>
  <code>Code</code>
  &
  <span>Span</span>
</p>

settings.json

{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"css"}