Skip to content

Commit 9b57acf

Browse files
zakhenryzakhenry
committed
feat(fonticon): Added fonticons from icomoon export
1 parent 7555d33 commit 9b57acf

File tree

12 files changed

+41119
-0
lines changed

12 files changed

+41119
-0
lines changed

‎.gitignore

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
/.idea

‎README.md

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,2 +1,11 @@
11
# assets
22
Assets for ubiquits
3+
4+
## Update instructions
5+
1. Go to https://icomoon.io/app
6+
2. Import font project by uploading ubiquits/selection.json
7+
3. Make desired changes
8+
4. Replace entire folder ./ubiquits with the (extracted) download
9+
10+
Note as the above method replaces with entire ./ubiquits folder, don't make any direct edits
11+
in there!

‎ubiquits-logo.ai

Lines changed: 1830 additions & 0 deletions
Large diffs are not rendered by default.

‎ubiquits/Read Me.txt

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
1+
Open *demo.html* to see a list of all the glyphs in your font along with their codes/ligatures.
2+
3+
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
4+
5+
You won't need any of the files located under the *demo-files* directory when including the generated font in your own projects.
6+
7+
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.

‎ubiquits/demo-files/demo.css

Lines changed: 152 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,152 @@
1+
body {
2+
padding: 0;
3+
margin: 0;
4+
font-family: sans-serif;
5+
font-size: 1em;
6+
line-height: 1.5;
7+
color: #555;
8+
background: #fff;
9+
}
10+
h1 {
11+
font-size: 1.5em;
12+
font-weight: normal;
13+
}
14+
small {
15+
font-size: .66666667em;
16+
}
17+
a {
18+
color: #e74c3c;
19+
text-decoration: none;
20+
}
21+
a:hover, a:focus {
22+
box-shadow: 0 1px #e74c3c;
23+
}
24+
.bshadow0, input {
25+
box-shadow: inset 0 -2px #e7e7e7;
26+
}
27+
input:hover {
28+
box-shadow: inset 0 -2px #ccc;
29+
}
30+
input, fieldset {
31+
font-family: sans-serif;
32+
font-size: 1em;
33+
margin: 0;
34+
padding: 0;
35+
border: 0;
36+
}
37+
input {
38+
color: inherit;
39+
line-height: 1.5;
40+
height: 1.5em;
41+
padding: .25em 0;
42+
}
43+
input:focus {
44+
outline: none;
45+
box-shadow: inset 0 -2px #449fdb;
46+
}
47+
.glyph {
48+
font-size: 16px;
49+
width: 15em;
50+
padding-bottom: 1em;
51+
margin-right: 4em;
52+
margin-bottom: 1em;
53+
float: left;
54+
overflow: hidden;
55+
}
56+
.liga {
57+
width: 80%;
58+
width: calc(100% - 2.5em);
59+
}
60+
.talign-right {
61+
text-align: right;
62+
}
63+
.talign-center {
64+
text-align: center;
65+
}
66+
.bgc1 {
67+
background: #f1f1f1;
68+
}
69+
.fgc1 {
70+
color: #999;
71+
}
72+
.fgc0 {
73+
color: #000;
74+
}
75+
p {
76+
margin-top: 1em;
77+
margin-bottom: 1em;
78+
}
79+
.mvm {
80+
margin-top: .75em;
81+
margin-bottom: .75em;
82+
}
83+
.mtn {
84+
margin-top: 0;
85+
}
86+
.mtl, .mal {
87+
margin-top: 1.5em;
88+
}
89+
.mbl, .mal {
90+
margin-bottom: 1.5em;
91+
}
92+
.mal, .mhl {
93+
margin-left: 1.5em;
94+
margin-right: 1.5em;
95+
}
96+
.mhmm {
97+
margin-left: 1em;
98+
margin-right: 1em;
99+
}
100+
.mls {
101+
margin-left: .25em;
102+
}
103+
.ptl {
104+
padding-top: 1.5em;
105+
}
106+
.pbs, .pvs {
107+
padding-bottom: .25em;
108+
}
109+
.pvs, .pts {
110+
padding-top: .25em;
111+
}
112+
.unit {
113+
float: left;
114+
}
115+
.unitRight {
116+
float: right;
117+
}
118+
.size1of2 {
119+
width: 50%;
120+
}
121+
.size1of1 {
122+
width: 100%;
123+
}
124+
.clearfix:before, .clearfix:after {
125+
content: " ";
126+
display: table;
127+
}
128+
.clearfix:after {
129+
clear: both;
130+
}
131+
.hidden-true {
132+
display: none;
133+
}
134+
.textbox0 {
135+
width: 3em;
136+
background: #f1f1f1;
137+
padding: .25em .5em;
138+
line-height: 1.5;
139+
height: 1.5em;
140+
}
141+
#testDrive {
142+
display: block;
143+
padding-top: 24px;
144+
line-height: 1.5;
145+
}
146+
.fs0 {
147+
font-size: 16px;
148+
}
149+
.fs1 {
150+
font-size: 32px;
151+
}
152+

‎ubiquits/demo-files/demo.js

Lines changed: 30 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,30 @@
1+
if (!('boxShadow' in document.body.style)) {
2+
document.body.setAttribute('class', 'noBoxShadow');
3+
}
4+
5+
document.body.addEventListener("click", function(e) {
6+
var target = e.target;
7+
if (target.tagName === "INPUT" &&
8+
target.getAttribute('class').indexOf('liga') === -1) {
9+
target.select();
10+
}
11+
});
12+
13+
(function() {
14+
var fontSize = document.getElementById('fontSize'),
15+
testDrive = document.getElementById('testDrive'),
16+
testText = document.getElementById('testText');
17+
function updateTest() {
18+
testDrive.innerHTML = testText.value || String.fromCharCode(160);
19+
if (window.icomoonLiga) {
20+
window.icomoonLiga(testDrive);
21+
}
22+
}
23+
function updateSize() {
24+
testDrive.style.fontSize = fontSize.value + 'px';
25+
}
26+
fontSize.addEventListener('change', updateSize, false);
27+
testText.addEventListener('input', updateTest, false);
28+
testText.addEventListener('change', updateTest, false);
29+
updateSize();
30+
}());

0 commit comments

Comments
 (0)