Skip to content

Instantly share code, notes, and snippets.

@wrumsby

wrumsby/dabblet.css

Created March 18, 2014 19:22
Show Gist options
  • Save wrumsby/9627416 to your computer and use it in GitHub Desktop.
Save wrumsby/9627416 to your computer and use it in GitHub Desktop.
Download ZIP
Unicode number operators with different fonts
Raw
dabblet.css
/**
* Unicode number operators with different fonts
*/
body {
background-color: #fff;
color: #333;
font-family: sans-serif;
font-size: 14pt;
}
.minus:after {
content: '\2212';
}
.plus:after {
content: '\002b';
}
.division:after {
content: '\00f7';
}
.multiplication:after {
content: '\00d7';
}
.equals:after {
content: '\003d';
}
Raw
dabblet.html
<!-- content to be placed inside <body>…</body> -->
<div style="font-family: arial">
<span class="minus"></span>
<span class="plus"></span>
<span class="division"></span>
<span class="multiplication"></span>
<span class="equals"></span>
</div>
<div style="font-family: helvetica">
<span class="minus"></span>
<span class="plus"></span>
<span class="division"></span>
<span class="multiplication"></span>
<span class="equals"></span>
</div>
<div style="font-family: monospace">
<span class="minus"></span>
<span class="plus"></span>
<span class="division"></span>
<span class="multiplication"></span>
<span class="equals"></span>
</div>
<div style="font-family: archer">
<span class="minus"></span>
<span class="plus"></span>
<span class="division"></span>
<span class="multiplication"></span>
<span class="equals"></span>
</div>
<div style="font-family: verdana">
<span class="minus"></span>
<span class="plus"></span>
<span class="division"></span>
<span class="multiplication"></span>
<span class="equals"></span>
</div>
<div style="font-family: geneva">
<span class="minus"></span>
<span class="plus"></span>
<span class="division"></span>
<span class="multiplication"></span>
<span class="equals"></span>
</div>
<div style="font-family: Comic Sans MS">
<span class="minus"></span>
<span class="plus"></span>
<span class="division"></span>
<span class="multiplication"></span>
<span class="equals"></span>
</div>
Raw
dabblet.js
// alert('Hello world!');
Raw
settings.json
{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"html"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment