Favortree Experiments

dabblet.css

/**
 * Favortree Experiments
 */
 
@font-face {
  font-family: 'Fontane';
  src: url('http://tiny.local:8080/fonts/fontane.ttf');
  src: local('‚ò∫'),
    url('http://tiny.local:8080/fonts/fontane.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

body {
  background: #2b72aa;
  /* background: linear-gradient(45deg, #f06, yellow); */
  min-height: 100%;
  line-height: 1.4;
  font-size: 16px;
}

h1 {
  font-size: 5em;
  font-family: 'Fontane';
  margin: 1.4em 0;
  text-align: center;
  color: #f0f0f0;
  color: #256191;
  text-shadow: -1px -1px 0 rgba(255, 255, 255, 0.1)
  , 1px 1px 0 rgba(0, 0, 0, 0.3);
}

dabblet.html

<h1>favortree</h1>

settings.json

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