176 lines
8.1 KiB
HTML
176 lines
8.1 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>FontEditor</title>
|
|
<link rel="stylesheet" type="text/css" href="./dep/bootstrap/css/bootstrap.min.css">
|
|
<link rel="stylesheet" type="text/css" href="./css/main.css">
|
|
</head>
|
|
<body>
|
|
|
|
<section class="navbar" role="navigation">
|
|
<div class="logo"></div>
|
|
<div class="action-groups btn-groups">
|
|
|
|
<button data-action="add-new" type="button" class="btn btn-flat btn-new btn-sm"><i class="ico ico-left i-add"></i>New Glyph</button>
|
|
|
|
<i class="split"></i>
|
|
|
|
<button data-action="undo" type="button" class="btn btn-flat btn-ico" title="Undo"><i class="ico i-undo"></i></button>
|
|
<button data-action="redo" type="button" class="btn btn-flat btn-ico" title="Redo"><i class="ico i-redo"></i></button>
|
|
|
|
<i class="split"></i>
|
|
|
|
<div class="btn-group">
|
|
<button type="button" class="btn btn-flat btn-sm dropdown-toggle" data-toggle="dropdown">
|
|
Import
|
|
<span class="ico i-down"></span>
|
|
</button>
|
|
<ul class="dropdown-menu" role="menu">
|
|
<li data-action="import" title="Import svg font or svg file"><a>import SVG</a></li>
|
|
<li data-action="import-pic" title="Import Image"><a>Import Image</a></li>
|
|
<li data-action="import" title="Import ttf,woff,eot,otf font"><a>Import Font</a></li>
|
|
<li data-action="add-online"><a>Online Font</a></li>
|
|
<li data-action="add-url"><a>Font URL</a></li>
|
|
</ul>
|
|
</div>
|
|
|
|
<i class="split"></i>
|
|
|
|
<a id="export-btn" href="#" data-action="export" data-type="ttf" class="btn btn-flat btn-ico" title="export ttf"><i class="ico i-ttf"></i></a>
|
|
<a id="export-btn-woff" href="#" data-action="export" data-type="woff" class="btn btn-flat btn-ico" title="Export woff"><i class="ico i-woff"></i></a>
|
|
<a id="export-btn-zip" href="#" data-action="export" data-type="zip" class="btn btn-flat btn-ico" title="Export zip file, including ttf,woff,eot,svg font and examples."><i class="ico i-zip"></i></a>
|
|
|
|
<i class="split"></i>
|
|
|
|
|
|
<button data-action="save" type="button" class="btn btn-flat btn-sm"><i class="ico ico-left i-save"></i>Save Project</button>
|
|
|
|
<div class="btn-group">
|
|
|
|
<button type="button" class="btn btn-flat btn-sm dropdown-toggle" data-toggle="dropdown">
|
|
Tools
|
|
<span class="drop ico i-down"></span>
|
|
</button>
|
|
|
|
<ul class="dropdown-menu" role="menu">
|
|
<li><a data-action="setting-glyf-name">Generate Glyph Name</a></li>
|
|
<li><a data-action="setting-glyf-clearname">Clear Glyph Name</a></li>
|
|
<li><a data-action="setting-optimize">Optimize Glyph</a></li>
|
|
<li><a data-action="setting-compound2simple">Composite Glyph to Simple Glyph</a></li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="btn-group">
|
|
|
|
<button type="button" class="btn btn-flat btn-sm dropdown-toggle" data-toggle="dropdown">
|
|
Setting
|
|
<span class="drop ico i-down"></span>
|
|
</button>
|
|
|
|
<ul class="dropdown-menu" role="menu">
|
|
<li><a data-action="setting-name">Naming</a></li>
|
|
<li><a data-action="setting-metrics">Font Metrics</a></li>
|
|
<li><a data-action="setting-editor">Editor</a></li>
|
|
<li><a data-action="setting-import-and-export">Import and Export</a></li>
|
|
</ul>
|
|
</div>
|
|
|
|
<i class="split"></i>
|
|
|
|
<div class="btn-group">
|
|
|
|
<button type="button" class="btn btn-flat btn-preview btn-sm dropdown-toggle" data-toggle="dropdown">
|
|
Preview
|
|
<span class="drop ico i-down"></span>
|
|
</button>
|
|
|
|
<ul class="dropdown-menu" role="menu">
|
|
<li><a data-format="ttf" data-action="preview">TTF Font</a></li>
|
|
<li><a data-format="woff" data-action="preview">WOFF Font</a></li>
|
|
<li><a data-format="svg" data-action="preview" title="Only support safari">SVG Font(Only safari)</a></li>
|
|
<li><a data-format="eot" data-action="preview" title="Only support IE">EOT Font(Only IE)</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<a class="ico i-github forkme" href="https://github.com/ecomfe/fonteditor" target="_blank">Fork me on Github</a>
|
|
<a class="ico i-help userguide" href="./doc/index.html" target="_blank">Help</a>
|
|
</section>
|
|
|
|
<section class="sidebar">
|
|
<div class="project-btns action-groups">
|
|
<button data-action="new" type="button" class="btn btn-flat btn-sm" title="新建ttf字体文件"><i class="ico ico-left i-new"></i>New</button><button data-action="open" type="button" class="btn btn-flat btn-sm" title="打开ttf,woff,eot,otf格式字体文件"><i class="ico ico-left i-open"></i>Open</button>
|
|
</div>
|
|
<div class="project">
|
|
<div class="project-title">Project List</div>
|
|
<div id="project-list" class="project-list"></div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="main">
|
|
<ul id="glyf-list-commandmenu" class="command-groups"></ul>
|
|
<div id="glyf-list-pager" class="pager"></div>
|
|
<div id="glyf-list" class="glyf-list"></div>
|
|
</section>
|
|
|
|
<section class="editor">
|
|
<ul id="editor-commandmenu" class="command-groups"></ul>
|
|
<i class="ico i-leave close-editor" title="Click or press 'F2' to close glyph editor"></i>
|
|
<div id="glyf-editor" class="glyf-editor" oncontextMenu="return false"></div>
|
|
</section>
|
|
|
|
<div id="selection-range" class="selection-range"></div>
|
|
<div id="loading" class="loading"><span>Loading...</span></div>
|
|
|
|
<!-- Modal -->
|
|
<div class="modal" id="model-dialog" tabindex="-1" role="dialog" aria-labelledby="model-label" aria-hidden="true" data-backdrop="false">
|
|
<div class="modal-dialog">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
|
|
<h4 class="modal-title" id="model-label">Setting</h4>
|
|
</div>
|
|
<div class="modal-body"></div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-flat btn-sm" data-dismiss="modal">Cancel</button>
|
|
<button type="button" class="btn btn-flat btn-sm btn-confirm">Confirm</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<form id="font-form" style="width:0px;height:0px;overflow:hidden;"><input id="font-import" type="file" multiple="multiple"></form>
|
|
<iframe id="sync-frame" name="sync-frame" width="0" height="0" frameborder="0" style="display:none;"></iframe>
|
|
<script src="./dep/esl.js"></script>
|
|
<script src="./dep/jquery.min.js"></script>
|
|
<script src="./dep/bootstrap/js/bootstrap.min.js"></script>
|
|
<script src="./dep/clipper.js"></script>
|
|
<script src="./dep/hidpi-canvas.js"></script>
|
|
<script>
|
|
require.config({
|
|
baseUrl: './src',
|
|
paths: {
|
|
text: '../dep/requirejs-text',
|
|
utpl: '../dep/utpl.min',
|
|
JSZip: '../dep/jszip/jszip.min',
|
|
inflate: '../dep/pako_inflate.min',
|
|
deflate: '../dep/pako_deflate.min'
|
|
}
|
|
});
|
|
define('jquery', window.jQuery);
|
|
define('ClipperLib', window.ClipperLib);
|
|
require(['fonteditor/main'])
|
|
</script>
|
|
|
|
<script>
|
|
var _hmt = _hmt || [];
|
|
/baidu.com$/.test(location.hostname) && (function() {
|
|
var hm = document.createElement("script");
|
|
hm.src = "//hm.baidu.com/hm.js?65ce30cdeda584c416e39648915689f7";
|
|
var s = document.getElementsByTagName("script")[0];
|
|
s.parentNode.insertBefore(hm, s);
|
|
})();
|
|
</script>
|
|
</body>
|
|
</html>
|