-
Notifications
You must be signed in to change notification settings - Fork 4
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
0 parents
commit 9f85606
Showing
89 changed files
with
17,546 additions
and
0 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 |
---|---|---|
@@ -0,0 +1,16 @@ | ||
<FilesMatch "\.(ttf|ttc|otf|eot|woff)$"> | ||
<IfModule mod_headers.c> | ||
Header set Access-Control-Allow-Origin "*" | ||
</IfModule> | ||
SetOutputFilter DEFLATE | ||
</FilesMatch> | ||
|
||
AddType font/ttf .ttf | ||
AddType font/eot .eot | ||
AddType font/otf .otf | ||
AddType font/woff .woff | ||
AddType image/svg+xml .svg | ||
|
||
# AddOutputFilterByType DEFLATE application/vnd.ms-fontobject application/x-font-ttf image/svg+xml | ||
|
||
DirectoryIndex index.html demo.html |
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file not shown.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file not shown.
Binary file not shown.
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,143 @@ | ||
<!doctype html> | ||
<html> | ||
<head> | ||
<title>Your Font/Glyphs</title> | ||
<link rel="stylesheet" href="style.css" /> | ||
<!--[if lte IE 7]><script src="lte-ie7.js"></script><![endif]--> | ||
<style> | ||
section, header, footer {display: block;} | ||
body { | ||
font-family: sans-serif; | ||
color: #444; | ||
line-height: 1.5; | ||
font-size: 1em; | ||
} | ||
* { | ||
-moz-box-sizing: border-box; | ||
-webkit-box-sizing: border-box; | ||
box-sizing: border-box; | ||
margin: 0; | ||
padding: 0; | ||
} | ||
.glyph { | ||
font-size: 16px; | ||
float: left; | ||
text-align: center; | ||
background: #eee; | ||
padding: .75em; | ||
margin: .75em 1.5em .75em 0; | ||
width: 7em; | ||
border-radius: .25em; | ||
box-shadow: inset 0 0 0 1px #f8f8f8, 0 0 0 1px #CCC; | ||
} | ||
.glyph input { | ||
font-family: consolas, monospace; | ||
font-size: 13px; | ||
width: 100%; | ||
text-align: center; | ||
border: 0; | ||
box-shadow: 0 0 0 1px #ccc; | ||
padding: .125em; | ||
} | ||
.w-main { | ||
width: 80%; | ||
} | ||
.centered { | ||
margin-left: auto; | ||
margin-right: auto; | ||
} | ||
.fs1 { | ||
font-size: 2em; | ||
} | ||
header { | ||
margin: 2em 0; | ||
padding-bottom: .5em; | ||
color: #666; | ||
box-shadow: 0 2px #eee; | ||
} | ||
header h1 { | ||
font-size: 2em; | ||
font-weight: normal; | ||
} | ||
.clearfix:before, .clearfix:after { content: ""; display: table; } | ||
.clearfix:after, .clear { clear: both; } | ||
footer { | ||
margin-top: 2em; | ||
padding: .5em 0; | ||
box-shadow: 0 -2px #eee; | ||
} | ||
a, a:visited { | ||
color: #B35047; | ||
text-decoration: none; | ||
} | ||
a:hover, a:focus {color: #000;} | ||
.box1 { | ||
font-size: 16px; | ||
display: inline-block; | ||
width: 15em; | ||
padding: .25em .5em; | ||
background: #eee; | ||
margin: .5em 1em .5em 0; | ||
} | ||
</style> | ||
</head> | ||
<body> | ||
<div class="w-main centered"> | ||
<section class="mtm clearfix" id="glyphs"> | ||
<header> | ||
<h1>The EBI Chemistry font contains the following glyphs </h1> | ||
</header> | ||
<div class="glyph"> | ||
<div class="fs1" aria-hidden="true" data-icon="U"></div> | ||
<input type="text" readonly value="&#x55;" /> | ||
</div> | ||
<div class="glyph"> | ||
<div class="fs1" aria-hidden="true" data-icon="r"></div> | ||
<input type="text" readonly value="&#x72;" /> | ||
</div> | ||
<div class="glyph"> | ||
<div class="fs1" aria-hidden="true" data-icon="l"></div> | ||
<input type="text" readonly value="&#x6c;" /> | ||
</div> | ||
<div class="glyph"> | ||
<div class="fs1" aria-hidden="true" data-icon="R"></div> | ||
<input type="text" readonly value="&#x52;" /> | ||
</div> | ||
</section> | ||
<div class="clear"></div> | ||
<section class="mtm clearfix" id="glyphs"> | ||
<header> | ||
<h1>Class Names</h1> | ||
</header> | ||
<span class="box1"> | ||
<span aria-hidden="true" class="icon-direction_unknown"></span> | ||
icon-direction_unknown | ||
</span> | ||
<span class="box1"> | ||
<span aria-hidden="true" class="icon-direction_right"></span> | ||
icon-direction_right | ||
</span> | ||
<span class="box1"> | ||
<span aria-hidden="true" class="icon-direction_left"></span> | ||
icon-direction_left | ||
</span> | ||
<span class="box1"> | ||
<span aria-hidden="true" class="icon-direction_reversible"></span> | ||
icon-direction_reversible | ||
</span> | ||
</section> | ||
<footer> | ||
<p>Generated by <a href="http://icomoon.io">IcoMoon.io</a></p> | ||
</footer> | ||
</div> | ||
<script> | ||
document.getElementById("glyphs").addEventListener("click", function(e) { | ||
var target = e.target; | ||
if (target.tagName === "INPUT") { | ||
target.select(); | ||
} | ||
}); | ||
</script> | ||
</body> | ||
<script src='../../js/fontpresentation.js'></script> | ||
</html> |
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,28 @@ | ||
/* Load this script using conditional IE comments if you need to support IE 7 and IE 6. */ | ||
|
||
window.onload = function() { | ||
function addIcon(el, entity) { | ||
var html = el.innerHTML; | ||
el.innerHTML = '<span style="font-family: \'EBI-Chemistry\'">' + entity + '</span>' + html; | ||
} | ||
var icons = { | ||
'icon-direction_unknown' : 'U', | ||
'icon-direction_right' : 'r', | ||
'icon-direction_left' : 'l', | ||
'icon-direction_reversible' : 'R' | ||
}, | ||
els = document.getElementsByTagName('*'), | ||
i, attr, html, c, el; | ||
for (i = 0; i < els.length; i += 1) { | ||
el = els[i]; | ||
attr = el.getAttribute('data-icon'); | ||
if (attr) { | ||
addIcon(el, attr); | ||
} | ||
c = el.className; | ||
c = c.match(/icon-[^\s'"]+/); | ||
if (c && icons[c[0]]) { | ||
addIcon(el, icons[c[0]]); | ||
} | ||
} | ||
}; |
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,51 @@ | ||
@font-face { | ||
font-family: 'EBI-Chemistry'; | ||
src:url('fonts/EBI-Chemistry.eot'); | ||
src:url('fonts/EBI-Chemistry.eot?#iefix') format('embedded-opentype'), | ||
url('fonts/EBI-Chemistry.woff') format('woff'), | ||
url('fonts/EBI-Chemistry.ttf') format('truetype'), | ||
url('fonts/EBI-Chemistry.svg#EBI-Chemistry') format('svg'); | ||
font-weight: normal; | ||
font-style: normal; | ||
} | ||
|
||
/* Use the following CSS code if you want to use data attributes for inserting your icons */ | ||
[data-icon]:before { | ||
font-family: 'EBI-Chemistry'; | ||
content: attr(data-icon); | ||
speak: none; | ||
font-weight: normal; | ||
font-variant: normal; | ||
text-transform: none; | ||
line-height: 1; | ||
-webkit-font-smoothing: antialiased; | ||
} | ||
|
||
/* Use the following CSS code if you want to have a class per icon */ | ||
/* | ||
Instead of a list of all class selectors, | ||
you can use the generic selector below, but it's slower: | ||
[class*="icon-"] { | ||
*/ | ||
.icon-direction_unknown, .icon-direction_right, .icon-direction_left, .icon-direction_reversible { | ||
font-family: 'EBI-Chemistry'; | ||
speak: none; | ||
font-style: normal; | ||
font-weight: normal; | ||
font-variant: normal; | ||
text-transform: none; | ||
line-height: 1; | ||
-webkit-font-smoothing: antialiased; | ||
} | ||
.icon-direction_unknown:before { | ||
content: "\55"; | ||
} | ||
.icon-direction_right:before { | ||
content: "\72"; | ||
} | ||
.icon-direction_left:before { | ||
content: "\6c"; | ||
} | ||
.icon-direction_reversible:before { | ||
content: "\52"; | ||
} |
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,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. |
Oops, something went wrong.