Untitled

dabblet.css

@font-face {
font-family: Gotham;
src: url('http://dl.dropbox.com/u/67963796/ttf/gothambold.ttf');
}
@font-face {
font-family: Avenir;
src: url('http://dl.dropbox.com/u/67963796/ttf/avenir.ttf');
}

body {
font-family: Avenir;}

h1, h3 {
font-family: Gotham;
text-transform: uppercase;}

p {
text-indent: 4em;}

dabblet.html

<p> <h1>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</h1> <h3>In suscipit, 
lacus lacinia</h3> lobortis vehicula, velit nibh bibendum est, nec ornare 
libero nunc eget leo. Nunc eros risus, rutrum id sollicitudin vel, 
eleifend ut mauris. Cras tortor lectus, dictum vel pellentesque eu, 
faucibus ac turpis. Donec adipiscing porta ipsum. Cum sociis natoque 
penatibus et magnis dis parturient montes, nascetur ridiculus mus. 
Aliquam non orci magna, et facilisis justo. Integer lacinia hendrerit magna vitae ultricies. 
Cras bibendum laoreet est, eget convallis elit tempor mattis. Nulla facilisi. Quisque non sapien eros. 
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque a augue vitae elit pellentesque volutpat. 
Aenean volutpat diam ut ipsum volutpat tempus. Praesent porttitor, justo in suscipit ultricies, dui risus viverra arcu, 
eu vulputate elit lectus at velit.Nulla non elit vitae ante volutpat dignissim. Integer mauris orci, viverra eget hendrerit sit amet, sollicitudin in enim. 
Aenean laoreet, ligula ut pharetra posuere, dolor massa blandit ligula, at lacinia odio lectus eu odio. Curabitur congue fringilla hendrerit. 
Aliquam interdum blandit mollis. Suspendisse vulputate eros id est semper ut gravida eros venenatis. Nulla aliquet, ante at ornare consectetur, 
tortor tortor euismod risus, ut posuere turpis nisl ut mi. Mauris fringilla tristique neque eu suscipit. Integer accumsan sodales tristique. 
Nullam turpis est, sollicitudin quis pretium congue, congue nec magna.Pellentesque interdum nulla et urna convallis a auctor nisl rhoncus. 
Proin eu odio sit amet velit dapibus rutrum aliquam nec risus. Cras in dapibus turpis. Quisque rhoncus pulvinar mattis. 
Proin venenatis quam vel diam tempor vel venenatis magna dapibus. Curabitur orci enim, pellentesque ut posuere ut, accumsan ac diam. Vestibulum vel ornare ante. 
Vivamus sed convallis tellus. In tellus eros, porta ac semper a, vehicula quis neque. Pellentesque viverra nisl quis elit vestibulum tincidunt. 
Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Morbi fringilla condimentum metus, nec sagittis elit lobortis a. 
Nulla facilisi. Nulla facilisi. <h3>Aenean congue sem eleifend eros sagittis auctor.</h3> Aenean id mi et nulla hendrerit ornare. Nunc id libero sem, interdum tristique dui. 
Nunc id arcu orci. Vivamus sit amet urna arcu. Praesent varius accumsan ipsum ut sodales. Fusce massa ligula, viverra id commodo vel, tristique eget turpis. 
Quisque tincidunt iaculis est non placerat. Aliquam ac tellus diam, sit amet laoreet enim. Nullam non urna mauris, non convallis metus. 
Praesent augue est, vehicula pellentesque dignissim et, viverra ac nunc. Duis consequat euismod facilisis. Curabitur scelerisque vestibulum est eget vehicula. 
Aliquam ac purus a magna porta iaculis. Etiam sollicitudin, justo et tincidunt tincidunt, libero lorem rutrum nisi, non vestibulum mi tortor eget felis. 
Nullam tristique pulvinar est.Curabitur ligula sem, dictum non bibendum sed, sagittis eu nulla. 
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aenean euismod molestie faucibus. 
Vivamus ac quam non risus mollis rhoncus. Aenean nec felis arcu, eu vehicula libero. Etiam vel nisl mauris, eu tincidunt est. 
Donec sollicitudin iaculis purus, ac dapibus velit laoreet eu. Donec feugiat dui in sem lobortis varius.</p>

settings.json

{"view":"split","fontsize":"80","seethrough":"","prefixfree":"1","page":"all"}