-
Notifications
You must be signed in to change notification settings - Fork 11
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
20 changed files
with
23,450 additions
and
9,155 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,3 +1,7 @@ | ||
To modify your generated font, use the *dev.svg* file, located in the *fonts* folder in this package. You can import this dev.svg file to the IcoMoon app. All the tags (class names) and the Unicode points of your glyphs are saved in this file. | ||
|
||
See the documentation for more info on how to use this package: http://icomoon.io/#docs/font-face | ||
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. |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,150 @@ | ||
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-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; | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -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(); | ||
}()); |
Oops, something went wrong.