Commit 570e6aba authored by JC Brand's avatar JC Brand

update fonts to add room properties

parent 10a85336
Open *demo.html* to see a list of all the glyphs in your font along with their codes/ligatures.
To use the generated font in desktop programs, you can install the TTF font. In order to copy the character associated with each icon, refer to the text box at the bottom right corner of each glyph in demo.html. The character inside this text box may be invisible; but it can still be copied. See this guide for more info: https://icomoon.io/#docs/local-fonts
You won't need any of the files located under the *demo-files* directory when including the generated font in your own projects.
You can import *selection.json* back to the IcoMoon app using the *Import Icons* button (or via Main Menu > Manage Projects) to retrieve your icon selection.
You can import *selection.json* back to the IcoMoon app using the *Import Icons* button (or via Main Menu Manage Projects) to retrieve your icon selection.
body {
padding: 0;
margin: 0;
font-family: sans-serif;
font-size: 1em;
line-height: 1.5;
color: #555;
background: #fff;
padding: 0;
margin: 0;
font-family: sans-serif;
font-size: 1em;
line-height: 1.5;
color: #555;
background: #fff;
}
h1 {
font-size: 1.5em;
font-weight: normal;
font-size: 1.5em;
font-weight: normal;
}
small {
font-size: .66666667em;
font-size: .66666667em;
}
a {
color: #e74c3c;
text-decoration: none;
color: #e74c3c;
text-decoration: none;
}
a:hover, a:focus {
box-shadow: 0 1px #e74c3c;
box-shadow: 0 1px #e74c3c;
}
.bshadow0, input {
box-shadow: inset 0 -2px #e7e7e7;
box-shadow: inset 0 -2px #e7e7e7;
}
input:hover {
box-shadow: inset 0 -2px #ccc;
box-shadow: inset 0 -2px #ccc;
}
input, fieldset {
font-size: 1em;
margin: 0;
padding: 0;
border: 0;
font-family: sans-serif;
font-size: 1em;
margin: 0;
padding: 0;
border: 0;
}
input {
color: inherit;
line-height: 1.5;
height: 1.5em;
padding: .25em 0;
color: inherit;
line-height: 1.5;
height: 1.5em;
padding: .25em 0;
}
input:focus {
outline: none;
box-shadow: inset 0 -2px #449fdb;
outline: none;
box-shadow: inset 0 -2px #449fdb;
}
.glyph {
font-size: 16px;
width: 15em;
padding-bottom: 1em;
margin-right: 4em;
margin-bottom: 1em;
float: left;
overflow: hidden;
font-size: 16px;
width: 15em;
padding-bottom: 1em;
margin-right: 4em;
margin-bottom: 1em;
float: left;
overflow: hidden;
}
.liga {
width: 80%;
width: calc(100% - 2.5em);
width: 80%;
width: calc(100% - 2.5em);
}
.talign-right {
text-align: right;
text-align: right;
}
.talign-center {
text-align: center;
text-align: center;
}
.bgc1 {
background: #f1f1f1;
background: #f1f1f1;
}
.fgc1 {
color: #999;
color: #999;
}
.fgc0 {
color: #000;
color: #000;
}
p {
margin-top: 1em;
margin-bottom: 1em;
margin-top: 1em;
margin-bottom: 1em;
}
.mvm {
margin-top: .75em;
margin-bottom: .75em;
margin-top: .75em;
margin-bottom: .75em;
}
.mtn {
margin-top: 0;
margin-top: 0;
}
.mtl, .mal {
margin-top: 1.5em;
margin-top: 1.5em;
}
.mbl, .mal {
margin-bottom: 1.5em;
margin-bottom: 1.5em;
}
.mal, .mhl {
margin-left: 1.5em;
margin-right: 1.5em;
margin-left: 1.5em;
margin-right: 1.5em;
}
.mhmm {
margin-left: 1em;
margin-right: 1em;
margin-left: 1em;
margin-right: 1em;
}
.mls {
margin-left: .25em;
margin-left: .25em;
}
.ptl {
padding-top: 1.5em;
padding-top: 1.5em;
}
.pbs, .pvs {
padding-bottom: .25em;
padding-bottom: .25em;
}
.pvs, .pts {
padding-top: .25em;
padding-top: .25em;
}
.unit {
float: left;
float: left;
}
.unitRight {
float: right;
float: right;
}
.size1of2 {
width: 50%;
width: 50%;
}
.size1of1 {
width: 100%;
width: 100%;
}
.clearfix:before, .clearfix:after {
content: " ";
display: table;
content: " ";
display: table;
}
.clearfix:after {
clear: both;
clear: both;
}
.hidden-true {
display: none;
display: none;
}
.textbox0 {
width: 3em;
background: #f1f1f1;
padding: .25em .5em;
line-height: 1.5;
height: 1.5em;
width: 3em;
background: #f1f1f1;
padding: .25em .5em;
line-height: 1.5;
height: 1.5em;
}
#testDrive {
display: block;
padding-top: 24px;
line-height: 1.5;
display: block;
padding-top: 24px;
line-height: 1.5;
}
.fs0 {
font-size: 16px;
font-size: 16px;
}
.fs1 {
font-size: 32px;
font-size: 32px;
}
.fs2 {
font-size: 32px;
}
if (!('boxShadow' in document.body.style)) {
document.body.setAttribute('class', 'noBoxShadow');
document.body.setAttribute('class', 'noBoxShadow');
}
document.body.addEventListener("click", function(e) {
var target = e.target;
if (target.tagName === "INPUT" &&
target.getAttribute('class').indexOf('liga') === -1) {
target.select();
}
var target = e.target;
if (target.tagName === "INPUT" &&
target.getAttribute('class').indexOf('liga') === -1) {
target.select();
}
});
(function() {
var fontSize = document.getElementById('fontSize'),
testDrive = document.getElementById('testDrive'),
testText = document.getElementById('testText');
function updateTest() {
testDrive.innerHTML = testText.value || String.fromCharCode(160);
if (window.icomoonLiga) {
window.icomoonLiga(testDrive);
}
}
function updateSize() {
testDrive.style.fontSize = fontSize.value + 'px';
}
fontSize.addEventListener('change', updateSize, false);
testText.addEventListener('input', updateTest, false);
testText.addEventListener('change', updateTest, false);
updateSize();
var fontSize = document.getElementById('fontSize'),
testDrive = document.getElementById('testDrive'),
testText = document.getElementById('testText');
function updateTest() {
testDrive.innerHTML = testText.value || String.fromCharCode(160);
if (window.icomoonLiga) {
window.icomoonLiga(testDrive);
}
}
function updateSize() {
testDrive.style.fontSize = fontSize.value + 'px';
}
fontSize.addEventListener('change', updateSize, false);
testText.addEventListener('input', updateTest, false);
testText.addEventListener('change', updateTest, false);
updateSize();
}());
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This diff is collapsed.
@font-face {
font-family: 'icomoon';
src:url('fonts/icomoon.eot?dvaucx');
src:url('fonts/icomoon.eot?#iefixdvaucx') format('embedded-opentype'),
url('fonts/icomoon.ttf?dvaucx') format('truetype'),
url('fonts/icomoon.woff?dvaucx') format('woff'),
url('fonts/icomoon.svg?dvaucx#icomoon') format('svg');
font-weight: normal;
font-style: normal;
font-family: 'icomoon';
src: url('fonts/icomoon.eot?wvi0ht');
src: url('fonts/icomoon.eot?wvi0ht#iefix') format('embedded-opentype'),
url('fonts/icomoon.ttf?wvi0ht') format('truetype'),
url('fonts/icomoon.woff?wvi0ht') format('woff'),
url('fonts/icomoon.svg?wvi0ht#icomoon') format('svg');
font-weight: normal;
font-style: normal;
}
[class^="icon-"], [class*=" icon-"] {
font-family: 'icomoon';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* use !important to prevent issues with browser extensions that change fonts */
font-family: 'icomoon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-save:before {
content: "\f0c7";
}
.icon-idcard-dark:before {
content: "\f2c2";
}
.icon-idcard:before {
content: "\f2c3";
}
.icon-snowflake:before {
content: "\f2dc";
}
.icon-globe:before {
content: "\f0ac";
}
.icon-legal:before {
content: "\f0e3";
}
.icon-group:before {
content: "\f0c0";
}
.icon-database:before {
content: "\f1c0";
}
.icon-xa:before {
content: "\e602";
content: "\e602";
}
.icon-conversejs:before {
content: "\e600";
content: "\e600";
}
.icon-closed:before {
content: "\25ba";
content: "\25ba";
}
.icon-opened:before {
content: "\25bc";
content: "\25bc";
}
.icon-checkmark:before {
content: "\2713";
content: "\2713";
}
.icon-home:before {
content: "\e000";
content: "\e000";
}
.icon-pencil:before {
content: "\270e";
}
.icon-camera:before {
content: "\e003";
}
.icon-camera-2:before {
content: "\2616";
}
.icon-play:before {
content: "\25d9";
content: "\270e";
}
.icon-music:before {
content: "\266b";
}
.icon-headphones:before {
content: "\266c";
content: "\266b";
}
.icon-phone:before {
content: "\260f";
content: "\260f";
}
.icon-phone-hang-up:before {
content: "\260e";
content: "\260e";
}
.icon-address-book:before {
content: "\270f";
content: "\270f";
}
.icon-notebook:before {
content: "\2710";
}
.icon-envelop:before {
content: "\2709";
content: "\2710";
}
.icon-pushpin:before {
content: "\e012";
content: "\e012";
}
.icon-online:before {
content: "\25fc";
content: "\25fc";
}
.icon-away:before {
content: "\25fb";
content: "\25fb";
}
.icon-bubbles:before {
content: "\e015";
content: "\e015";
}
.icon-bubbles2:before {
content: "\e016";
content: "\e016";
}
.icon-bubbles3:before {
content: "\e017";
content: "\e017";
}
.icon-user:before {
content: "\e01a";
content: "\e01a";
}
.icon-hide-users:before {
content: "\e01c";
content: "\e01c";
}
.icon-show-users:before {
content: "\e01e";
content: "\e01e";
}
.icon-users:before {
content: "\e01b";
content: "\e01b";
}
.icon-quotes-left:before {
content: "\e01d";
content: "\e01d";
}
.icon-spinner:before {
content: "\231b";
content: "\231b";
}
.icon-search:before {
content: "\e021";
content: "\e021";
}
.icon-cogs:before {
content: "\e022";
content: "\e022";
}
.icon-wrench:before {
content: "\e024";
content: "\e024";
}
.icon-unlocked:before {
content: "\e025";
}
.icon-lock:before {
content: "\e026";
content: "\e025";
}
.icon-lock-2:before {
content: "\e027";
content: "\e027";
}
.icon-key:before {
content: "\e028";
}
.icon-key-2:before {
content: "\e029";
content: "\e028";
}
.icon-zoomout:before {
content: "\e02a";
content: "\e02a";
}
.icon-zoomin:before {
content: "\e02b";
content: "\e02b";
}
.icon-cog:before {
content: "\e02f";
content: "\e02f";
}
.icon-remove:before {
content: "\e02d";
content: "\e02d";
}
.icon-eye:before {
content: "\e030";
content: "\e030";
}
.icon-eye-blocked:before {
content: "\e031";
content: "\e031";
}
.icon-attachment:before {
content: "\e032";
}
.icon-globe:before {
content: "\e033";
content: "\e032";
}
.icon-heart:before {
content: "\2764";
content: "\2764";
}
.icon-happy:before {
content: "\263b";
content: "\263b";
}
.icon-thumbs-up:before {
content: "\261d";
content: "\261d";
}
.icon-smiley:before {
content: "\263a";
content: "\263a";
}
.icon-tongue:before {
content: "\e038";
content: "\e038";
}
.icon-sad:before {
content: "\2639";
content: "\2639";
}
.icon-wink:before {
content: "\e03a";
content: "\e03a";
}
.icon-wondering:before {
content: "\2369";
content: "\2369";
}
.icon-confused:before {
content: "\2368";
content: "\2368";
}
.icon-shocked:before {
content: "\2364";
content: "\2364";
}
.icon-evil:before {
content: "\261f";
content: "\261f";
}
.icon-angry:before {
content: "\e03f";
content: "\e03f";
}
.icon-cool:before {
content: "\e040";
content: "\e040";
}
.icon-grin:before {
content: "\e041";
content: "\e041";
}
.icon-info:before {
content: "\2360";
content: "\2360";
}
.icon-notification:before {
content: "\e01f";
content: "\e01f";
}
.icon-warning:before {
content: "\26a0";
content: "\26a0";
}
.icon-spell-check:before {
content: "\e045";
}
.icon-volume-high:before {
content: "\e046";
}
.icon-volume-medium:before {
content: "\e047";
}
.icon-volume-low:before {
content: "\e048";
}
.icon-volume-mute:before {
content: "\e049";
}
.icon-volume-mute2:before {
content: "\e04a";
}
.icon-volume-decrease:before {
content: "\e04b";
}
.icon-volume-increase:before {
content: "\e04c";
content: "\e045";
}
.icon-bold:before {
content: "\e04d";
content: "\e04d";
}
.icon-underline:before {
content: "\e04e";
content: "\e04e";
}
.icon-italic:before {
content: "\e04f";
content: "\e04f";
}
.icon-strikethrough:before {
content: "\e050";
content: "\e050";
}
.icon-newtab:before {
content: "\e053";
}
.icon-youtube:before {
content: "\e055";
content: "\e053";
}
.icon-close:before {
content: "\2715";
content: "\2715";
}
.icon-blocked:before {
content: "\2718";
content: "\2718";
}
.icon-cancel-circle:before {
content: "\e058";
content: "\e058";
}
.icon-minus:before {
content: "\e05a";
content: "\e05a";
}
.icon-plus:before {
content: "\271a";
content: "\271a";
}
.icon-checkbox-checked:before {
content: "\2611";
content: "\2611";
}
.icon-checkbox-unchecked:before {
content: "\2b27";
content: "\2b27";
}
.icon-checkbox-partial:before {
content: "\2b28";
content: "\2b28";
}
.icon-radio-checked:before {
content: "\2b26";
content: "\2b26";
}
.icon-radio-unchecked:before {
content: "\2b25";
content: "\2b25";
}
.icon-room-info:before {
content: "\e059";
content: "\e059";
}
.icon-newspaper:before {
content: "\e001";
content: "\e001";
}
.icon-image:before {
content: "\2b14";
content: "\2b14";
}
.icon-offline:before {
content: "\e002";
content: "\e002";
}
.icon-busy:before {
content: "\e004";
content: "\e004";
}
.icon-exit:before {
content: "\e601";
content: "\e601";
}
@font-face {
font-family: 'Converse-js';
src: url($font-path + 'icomoon.eot?-mnoxh0');
src: url($font-path + 'icomoon.eot?#iefix-mnoxh0') format("embedded-opentype"), url($font-path + 'icomoon.woff?-mnoxh0') format("woff"), url($font-path + 'icomoon.ttf?-mnoxh0') format("truetype"), url($font-path + 'icomoon.svg?-mnoxh0#icomoon') format("svg");
src: url($font-path + 'icomoon.eot?wvi0ht');
src: url($font-path + 'icomoon.eot?wvi0ht#iefix') format('embedded-opentype'),
url($font-path + 'icomoon.ttf?wvi0ht') format('truetype'),
url($font-path + 'icomoon.woff?wvi0ht') format('woff'),
url($font-path + 'icomoon.svg?wvi0ht#icomoon') format('svg');
font-weight: normal;
font-style: normal;
}
......@@ -37,6 +40,7 @@
.icon-camera-2:before { content: "\2616"; }
.icon-camera:before { content: "\e003"; }
.icon-cancel-circle:before { content: "\e058"; }
.icon-chat:before { content: "\25fc"; }
.icon-checkbox-checked:before { content: "\2611"; }
.icon-checkbox-partial:before { content: "\2b28"; }
.icon-checkbox-unchecked:before { content: "\2b27"; }
......@@ -47,24 +51,28 @@
.icon-cogs:before { content: "\e022"; }
.icon-confused:before { content: "\2368"; }
.icon-cool:before { content: "\e040"; }
.icon-database:before { content: "\f1c0"; }
.icon-dnd:before { content: "\e004"; }
.icon-envelop:before { content: "\2709"; }
.icon-evil:before { content: "\261f"; }
.icon-eye-blocked:before { content: "\e031"; }
.icon-eye:before { content: "\e030"; }
.icon-globe:before { content: "\e033"; }
.icon-globe:before { content: "\f0ac"; }
.icon-grin:before { content: "\e041"; }
.icon-happy:before { content: "\263b"; }
.icon-headphones:before { content: "\266c"; }
.icon-heart:before { content: "\2764"; }
.icon-hide-users:before { content: "\e01c"; }
.icon-home:before { content: "\e000"; }
.icon-idcard-dark:before { content: "\f2c2"; }
.icon-idcard:before { content: "\f2c3"; }
.icon-image:before { content: "\2b14"; }
.icon-info:before { content: "\2360"; }
.icon-info-2:before { content: "i"; }
.icon-info:before { content: "\2360"; }
.icon-italic:before { content: "\e04f"; }
.icon-key-2:before { content: "\e029"; }
.icon-key:before { content: "\e028"; }
.icon-legal:before { content: "\f0e3"; }
.icon-lock-2:before { content: "\e027"; }
.icon-lock:before { content: "\e026"; }
.icon-logout:before { content: "\e601"; }
......@@ -74,8 +82,8 @@
.icon-newspaper:before { content: "\e001"; }
.icon-notebook:before { content: "\2710"; }
.icon-notification:before { content: "\e01f"; }
.icon-offline:before { content: "\e002"; }
.icon-online:before { content: "\25fc"; }
.icon-chat:before { content: "\25fc"; }
.icon-opened:before { content: "\25bc"; }
.icon-pencil:before { content: "\270e"; }
.icon-phone-hang-up:before { content: "\260e"; }
......@@ -89,33 +97,27 @@
.icon-remove:before { content: "\e02d"; }
.icon-room-info:before { content: "\e059"; }
.icon-sad:before { content: "\2639"; }
.icon-save:before { content: "\f0c7"; }
.icon-search:before { content: "\e021"; }
.icon-shocked:before { content: "\2364"; }
.icon-show-users:before { content: "\e01e"; }
.icon-smiley:before { content: "\263a"; }
.icon-snowflake:before { content: "\f2dc"; }
.icon-spell-check:before { content: "\e045"; }
.icon-spinner:before { content: "\231b"; }
.icon-strikethrough:before { content: "\e050"; }
.icon-thumbs-up:before { content: "\261d"; }
.icon-tongue:before { content: "\e038"; }
.icon-unavailable:before,
.icon-underline:before { content: "\e04e"; }
.icon-unlocked:before { content: "\e025"; }
.icon-user:before { content: "\e01a"; }
.icon-users:before { content: "\e01b"; }
.icon-volume-decrease:before { content: "\e04b"; }
.icon-volume-high:before { content: "\e046"; }
.icon-volume-increase:before { content: "\e04c"; }
.icon-volume-low:before { content: "\e048"; }
.icon-volume-medium:before { content: "\e047"; }
.icon-volume-mute-2:before { content: "\e04a"; }
.icon-volume-mute:before { content: "\e049"; }
.icon-warning:before { content: "\26a0"; }
.icon-wink:before { content: "\e03a"; }
.icon-wondering:before { content: "\2369"; }
.icon-wrench:before { content: "\e024"; }
.icon-xa:before { content: "\e602"; }
.icon-unavailable:before,
.icon-offline:before { content: "\e002"; }
.icon-youtube:before { content: "\e055"; }
.icon-zoom-in:before { content: "\e02b"; }
.icon-zoom-out:before { content: "\e02a"; }
......
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment