UPDATE
This commit is contained in:
@@ -0,0 +1,7 @@
|
||||
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.
|
||||
@@ -0,0 +1,152 @@
|
||||
body {
|
||||
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;
|
||||
}
|
||||
small {
|
||||
font-size: .66666667em;
|
||||
}
|
||||
a {
|
||||
color: #e74c3c;
|
||||
text-decoration: none;
|
||||
}
|
||||
a:hover, a:focus {
|
||||
box-shadow: 0 1px #e74c3c;
|
||||
}
|
||||
.bshadow0, input {
|
||||
box-shadow: inset 0 -2px #e7e7e7;
|
||||
}
|
||||
input:hover {
|
||||
box-shadow: inset 0 -2px #ccc;
|
||||
}
|
||||
input, fieldset {
|
||||
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;
|
||||
}
|
||||
input:focus {
|
||||
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;
|
||||
}
|
||||
.liga {
|
||||
width: 80%;
|
||||
width: calc(100% - 2.5em);
|
||||
}
|
||||
.talign-right {
|
||||
text-align: right;
|
||||
}
|
||||
.talign-center {
|
||||
text-align: center;
|
||||
}
|
||||
.bgc1 {
|
||||
background: #f1f1f1;
|
||||
}
|
||||
.fgc1 {
|
||||
color: #999;
|
||||
}
|
||||
.fgc0 {
|
||||
color: #000;
|
||||
}
|
||||
p {
|
||||
margin-top: 1em;
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
.mvm {
|
||||
margin-top: .75em;
|
||||
margin-bottom: .75em;
|
||||
}
|
||||
.mtn {
|
||||
margin-top: 0;
|
||||
}
|
||||
.mtl, .mal {
|
||||
margin-top: 1.5em;
|
||||
}
|
||||
.mbl, .mal {
|
||||
margin-bottom: 1.5em;
|
||||
}
|
||||
.mal, .mhl {
|
||||
margin-left: 1.5em;
|
||||
margin-right: 1.5em;
|
||||
}
|
||||
.mhmm {
|
||||
margin-left: 1em;
|
||||
margin-right: 1em;
|
||||
}
|
||||
.mls {
|
||||
margin-left: .25em;
|
||||
}
|
||||
.ptl {
|
||||
padding-top: 1.5em;
|
||||
}
|
||||
.pbs, .pvs {
|
||||
padding-bottom: .25em;
|
||||
}
|
||||
.pvs, .pts {
|
||||
padding-top: .25em;
|
||||
}
|
||||
.unit {
|
||||
float: left;
|
||||
}
|
||||
.unitRight {
|
||||
float: right;
|
||||
}
|
||||
.size1of2 {
|
||||
width: 50%;
|
||||
}
|
||||
.size1of1 {
|
||||
width: 100%;
|
||||
}
|
||||
.clearfix:before, .clearfix:after {
|
||||
content: " ";
|
||||
display: table;
|
||||
}
|
||||
.clearfix:after {
|
||||
clear: both;
|
||||
}
|
||||
.hidden-true {
|
||||
display: none;
|
||||
}
|
||||
.textbox0 {
|
||||
width: 3em;
|
||||
background: #f1f1f1;
|
||||
padding: .25em .5em;
|
||||
line-height: 1.5;
|
||||
height: 1.5em;
|
||||
}
|
||||
#testDrive {
|
||||
display: block;
|
||||
padding-top: 24px;
|
||||
line-height: 1.5;
|
||||
}
|
||||
.fs0 {
|
||||
font-size: 16px;
|
||||
}
|
||||
.fs1 {
|
||||
font-size: 32px;
|
||||
}
|
||||
|
||||
@@ -0,0 +1,30 @@
|
||||
if (!('boxShadow' in document.body.style)) {
|
||||
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();
|
||||
}
|
||||
});
|
||||
|
||||
(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();
|
||||
}());
|
||||
File diff suppressed because it is too large
Load Diff
Binary file not shown.
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 172 KiB |
Binary file not shown.
Binary file not shown.
File diff suppressed because one or more lines are too long
@@ -0,0 +1,392 @@
|
||||
@font-face {
|
||||
font-family: 'icomoon';
|
||||
src: url('fonts/icomoon.eot?th0mmd');
|
||||
src: url('fonts/icomoon.eot?th0mmd#iefix') format('embedded-opentype'),
|
||||
url('fonts/icomoon.ttf?th0mmd') format('truetype'),
|
||||
url('fonts/icomoon.woff?th0mmd') format('woff'),
|
||||
url('fonts/icomoon.svg?th0mmd#icomoon') format('svg');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
font-display: block;
|
||||
}
|
||||
|
||||
[class^="dt-icon-"], [class*=" dt-icon-"] {
|
||||
/* use !important to prevent issues with browser extensions that change fonts */
|
||||
font-family: 'icomoon' !important;
|
||||
speak: never;
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
font-variant: normal;
|
||||
text-transform: none;
|
||||
|
||||
/* Better Font Rendering =========== */
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
.dt-icon-hour-glass:before {
|
||||
content: "\ef49";
|
||||
}
|
||||
.dt-icon-light-bulb:before {
|
||||
content: "\ef6b";
|
||||
}
|
||||
.dt-icon-layers:before {
|
||||
content: "\ef5c";
|
||||
}
|
||||
.dt-icon-bug:before {
|
||||
content: "\eec7";
|
||||
}
|
||||
.dt-icon-paper-plane:before {
|
||||
content: "\efb4";
|
||||
}
|
||||
.dt-icon-telescope:before {
|
||||
content: "\f009";
|
||||
}
|
||||
.dt-icon-institution:before {
|
||||
content: "\ef51";
|
||||
}
|
||||
.dt-icon-university:before {
|
||||
content: "\eaf3";
|
||||
}
|
||||
.dt-icon-computer:before {
|
||||
content: "\eeee";
|
||||
}
|
||||
.dt-icon-flask:before {
|
||||
content: "\ef33";
|
||||
}
|
||||
.dt-icon-flash:before {
|
||||
content: "\ef32";
|
||||
}
|
||||
.dt-icon-leaflet:before {
|
||||
content: "\ef5f";
|
||||
}
|
||||
.dt-icon-learn:before {
|
||||
content: "\ef60";
|
||||
}
|
||||
.dt-icon-tasks:before {
|
||||
content: "\f007";
|
||||
}
|
||||
.dt-icon-numbered:before {
|
||||
content: "\efad";
|
||||
}
|
||||
.dt-icon-dice-multiple:before {
|
||||
content: "\ef02";
|
||||
}
|
||||
.dt-icon-life-bouy:before {
|
||||
content: "\ef67";
|
||||
}
|
||||
.dt-icon-magic:before {
|
||||
content: "\ef85";
|
||||
}
|
||||
.dt-icon-brand-linux:before {
|
||||
content: "\e900";
|
||||
}
|
||||
.dt-icon-bulb-alt:before {
|
||||
content: "\eec9";
|
||||
}
|
||||
.dt-icon-license:before {
|
||||
content: "\ef66";
|
||||
}
|
||||
.dt-icon-globe:before {
|
||||
content: "\ef3e";
|
||||
}
|
||||
.dt-icon-ebook:before {
|
||||
content: "\ef0f";
|
||||
}
|
||||
.dt-icon-facebook:before {
|
||||
content: "\ed37";
|
||||
}
|
||||
.dt-icon-messenger:before {
|
||||
content: "\ed36";
|
||||
}
|
||||
.dt-icon-x:before {
|
||||
content: "\f03d";
|
||||
}
|
||||
.dt-icon-twitter:before {
|
||||
content: "\ed7a";
|
||||
}
|
||||
.dt-icon-instagram:before {
|
||||
content: "\ed46";
|
||||
}
|
||||
.dt-icon-skype:before {
|
||||
content: "\ed67";
|
||||
}
|
||||
.dt-icon-whatsapp:before {
|
||||
content: "\e957";
|
||||
}
|
||||
.dt-icon-wordpress:before {
|
||||
content: "\e95b";
|
||||
}
|
||||
.dt-icon-linkedin:before {
|
||||
content: "\ed4d";
|
||||
}
|
||||
.dt-icon-telegram:before {
|
||||
content: "\ed75";
|
||||
}
|
||||
.dt-icon-viber:before {
|
||||
content: "\e952";
|
||||
}
|
||||
.dt-icon-vk:before {
|
||||
content: "\ed83";
|
||||
}
|
||||
.dt-icon-pinterest:before {
|
||||
content: "\ed5d";
|
||||
}
|
||||
.dt-icon-tumblr:before {
|
||||
content: "\ed78";
|
||||
}
|
||||
.dt-icon-vimeo:before {
|
||||
content: "\ed7f";
|
||||
}
|
||||
.dt-icon-youtube-play:before {
|
||||
content: "\ecbb";
|
||||
}
|
||||
.dt-icon-youtube:before {
|
||||
content: "\e95f";
|
||||
}
|
||||
.dt-icon-tiktok:before {
|
||||
content: "\f033";
|
||||
}
|
||||
.dt-icon-line:before {
|
||||
content: "\ed4c";
|
||||
}
|
||||
.dt-icon-dribbble:before {
|
||||
content: "\ed2e";
|
||||
}
|
||||
.dt-icon-slack:before {
|
||||
content: "\ed68";
|
||||
}
|
||||
.dt-icon-yahoo:before {
|
||||
content: "\ed88";
|
||||
}
|
||||
.dt-icon-soundcloud:before {
|
||||
content: "\ed6d";
|
||||
}
|
||||
.dt-icon-snapchat:before {
|
||||
content: "\ed6c";
|
||||
}
|
||||
.dt-icon-stack-overflow:before {
|
||||
content: "\ed70";
|
||||
}
|
||||
.dt-icon-behance:before {
|
||||
content: "\ed22";
|
||||
}
|
||||
.dt-icon-clock:before {
|
||||
content: "\f101";
|
||||
}
|
||||
.dt-icon-start:before {
|
||||
content: "\f102";
|
||||
}
|
||||
.dt-icon-alarm:before {
|
||||
content: "\f103";
|
||||
}
|
||||
.dt-icon-calendar:before {
|
||||
content: "\f104";
|
||||
}
|
||||
.dt-icon-supermarket:before {
|
||||
content: "\f105";
|
||||
}
|
||||
.dt-icon-envelope:before {
|
||||
content: "\f106";
|
||||
}
|
||||
.dt-icon-message:before {
|
||||
content: "\f107";
|
||||
}
|
||||
.dt-icon-languages:before {
|
||||
content: "\f108";
|
||||
}
|
||||
.dt-icon-menu:before {
|
||||
content: "\f109";
|
||||
}
|
||||
.dt-icon-grid:before {
|
||||
content: "\f10a";
|
||||
}
|
||||
.dt-icon-burger-menu:before {
|
||||
content: "\f10b";
|
||||
}
|
||||
.dt-icon-heart:before {
|
||||
content: "\f10c";
|
||||
}
|
||||
.dt-icon-like:before {
|
||||
content: "\f10d";
|
||||
}
|
||||
.dt-icon-play-button:before {
|
||||
content: "\f10e";
|
||||
}
|
||||
.dt-icon-play-button-1:before {
|
||||
content: "\f10f";
|
||||
}
|
||||
.dt-icon-favorite:before {
|
||||
content: "\f110";
|
||||
}
|
||||
.dt-icon-favorite-1:before {
|
||||
content: "\f111";
|
||||
}
|
||||
.dt-icon-bookmark:before {
|
||||
content: "\f112";
|
||||
}
|
||||
.dt-icon-bookmark-1:before {
|
||||
content: "\f113";
|
||||
}
|
||||
.dt-icon-up:before {
|
||||
content: "\f114";
|
||||
}
|
||||
.dt-icon-left:before {
|
||||
content: "\f115";
|
||||
}
|
||||
.dt-icon-right:before {
|
||||
content: "\f116";
|
||||
}
|
||||
.dt-icon-remove:before {
|
||||
content: "\f117";
|
||||
}
|
||||
.dt-icon-add:before {
|
||||
content: "\f118";
|
||||
}
|
||||
.dt-icon-close:before {
|
||||
content: "\f119";
|
||||
}
|
||||
.dt-icon-arrow-right:before {
|
||||
content: "\f11a";
|
||||
}
|
||||
.dt-icon-right-arrow:before {
|
||||
content: "\f11b";
|
||||
}
|
||||
.dt-icon-share:before {
|
||||
content: "\f11c";
|
||||
}
|
||||
.dt-icon-check-mark:before {
|
||||
content: "\f11d";
|
||||
}
|
||||
.dt-icon-user:before {
|
||||
content: "\f11e";
|
||||
}
|
||||
.dt-icon-friends:before {
|
||||
content: "\f11f";
|
||||
}
|
||||
.dt-icon-study:before {
|
||||
content: "\f120";
|
||||
}
|
||||
.dt-icon-book:before {
|
||||
content: "\f121";
|
||||
}
|
||||
.dt-icon-price-label:before {
|
||||
content: "\f122";
|
||||
}
|
||||
.dt-icon-file:before {
|
||||
content: "\f123";
|
||||
}
|
||||
.dt-icon-homework:before {
|
||||
content: "\f124";
|
||||
}
|
||||
.dt-icon-signal:before {
|
||||
content: "\f125";
|
||||
}
|
||||
.dt-icon-lightbulb:before {
|
||||
content: "\f126";
|
||||
}
|
||||
.dt-icon-shopping-cart:before {
|
||||
content: "\f127";
|
||||
}
|
||||
.dt-icon-search:before {
|
||||
content: "\f128";
|
||||
}
|
||||
.dt-icon-up-arrow:before {
|
||||
content: "\f129";
|
||||
}
|
||||
.dt-icon-quote:before {
|
||||
content: "\f12a";
|
||||
}
|
||||
.dt-icon-setting:before {
|
||||
content: "\f12b";
|
||||
}
|
||||
.dt-icon-logout:before {
|
||||
content: "\f12c";
|
||||
}
|
||||
.dt-icon-down:before {
|
||||
content: "\f12d";
|
||||
}
|
||||
.dt-icon-reload:before {
|
||||
content: "\f12e";
|
||||
}
|
||||
.dt-icon-phone-call:before {
|
||||
content: "\f12f";
|
||||
}
|
||||
.dt-icon-maps-and-flags:before {
|
||||
content: "\f130";
|
||||
}
|
||||
.dt-icon-tickets:before {
|
||||
content: "\f131";
|
||||
}
|
||||
.dt-icon-github:before {
|
||||
content: "\f132";
|
||||
}
|
||||
.dt-icon-ai:before {
|
||||
content: "\f133";
|
||||
}
|
||||
.dt-icon-bot:before {
|
||||
content: "\f134";
|
||||
}
|
||||
.dt-icon-medal:before {
|
||||
content: "\f135";
|
||||
}
|
||||
.dt-icon-menu-1:before {
|
||||
content: "\f136";
|
||||
}
|
||||
.dt-icon-lamp:before {
|
||||
content: "\f137";
|
||||
}
|
||||
.dt-icon-nib:before {
|
||||
content: "\f138";
|
||||
}
|
||||
.dt-icon-like-1:before {
|
||||
content: "\f139";
|
||||
}
|
||||
.dt-icon-notification-bell:before {
|
||||
content: "\f13a";
|
||||
}
|
||||
.dt-icon-open-book:before {
|
||||
content: "\f13b";
|
||||
}
|
||||
.dt-icon-learning:before {
|
||||
content: "\f13c";
|
||||
}
|
||||
.dt-icon-telegram-02:before {
|
||||
content: "\f13d";
|
||||
}
|
||||
.dt-icon-tumblr-02:before {
|
||||
content: "\f13e";
|
||||
}
|
||||
.dt-icon-vimeo-02:before {
|
||||
content: "\f13f";
|
||||
}
|
||||
.dt-icon-line-02:before {
|
||||
content: "\f140";
|
||||
}
|
||||
.dt-icon-vk-02:before {
|
||||
content: "\f141";
|
||||
}
|
||||
.dt-icon-facebook-02:before {
|
||||
content: "\f142";
|
||||
}
|
||||
.dt-icon-instagram-02:before {
|
||||
content: "\f143";
|
||||
}
|
||||
.dt-icon-whatsapp-02:before {
|
||||
content: "\f144";
|
||||
}
|
||||
.dt-icon-linkedin-02:before {
|
||||
content: "\f145";
|
||||
}
|
||||
.dt-icon-youtube-02:before {
|
||||
content: "\f146";
|
||||
}
|
||||
.dt-icon-tik-tok:before {
|
||||
content: "\f147";
|
||||
}
|
||||
.dt-icon-pinterest-02:before {
|
||||
content: "\f148";
|
||||
}
|
||||
.dt-icon-application:before {
|
||||
content: "\f149";
|
||||
}
|
||||
Reference in New Issue
Block a user