All Projects → nobodxbodon → Web Fonts Generator Service

nobodxbodon / Web Fonts Generator Service

web font生成器:based on TTFRender, gulp-ttf2woff, and NodeJS. 简化中文字体定制。

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to Web Fonts Generator Service

Hack
A typeface designed for source code
Stars: ✭ 14,543 (+58072%)
Mutual labels:  ttf, web-fonts
Webfont
Awesome generator of webfont
Stars: ✭ 170 (+580%)
Mutual labels:  ttf, web-fonts
Vue Chat
📲 A web chat application. Vue + node(koa2) + Mysql + socket.io
Stars: ✭ 617 (+2368%)
Mutual labels:  gulp
Manhuaren
vue2.0全家桶,仿漫画人官网(移动端)
Stars: ✭ 18 (-28%)
Mutual labels:  gulp
Swifticons
🎢Swift Library for Font Icons - ★ this library
Stars: ✭ 747 (+2888%)
Mutual labels:  ttf
Gulp Clean Css
Minify css with clean-css.
Stars: ✭ 631 (+2424%)
Mutual labels:  gulp
Awesome Icons
A curated list of awesome Web Font Icons
Stars: ✭ 758 (+2932%)
Mutual labels:  web-fonts
Nth Start Project
Startkit for HTML / CSS / JS pages layout.
Stars: ✭ 578 (+2212%)
Mutual labels:  gulp
Puppy
Starter kit and delivery system for building static prototypes with Twig
Stars: ✭ 25 (+0%)
Mutual labels:  gulp
Sassy Starter
🎉 Sassy starter - HTML / SCSS (SMACSS)
Stars: ✭ 740 (+2860%)
Mutual labels:  gulp
Initior
A command line application that let's you initialize your new projects the right way, replaces npm and yarn's init 🎆
Stars: ✭ 17 (-32%)
Mutual labels:  gulp
Gulp Htmlmin
Minify HTML
Stars: ✭ 720 (+2780%)
Mutual labels:  gulp
Tyto
manage and organise things
Stars: ✭ 662 (+2548%)
Mutual labels:  gulp
Tars
Markup builder on gulp
Stars: ✭ 792 (+3068%)
Mutual labels:  gulp
Codeface
Typefaces for source code beautification
Stars: ✭ 5,612 (+22348%)
Mutual labels:  ttf
Zpix Pixel Font
Zpix (最像素) is a pixel font supporting English, Traditional Chinese, Simplified Chinese and Japanese.
Stars: ✭ 916 (+3564%)
Mutual labels:  ttf
Frontend Cheat Sheets
Collection of cheat sheets(HTML, CSS, JS, Git, Gulp, etc.,) for your frontend development needs & reference
Stars: ✭ 604 (+2316%)
Mutual labels:  gulp
Generator Ng Fullstack
Client, server or fullstack - it's up to you. ng-fullstack gives you the best of the latest.
Stars: ✭ 701 (+2704%)
Mutual labels:  gulp
Nice Front End Tutorial
🌍 Constantly updated front-end resources, tutorials, opinions(与时俱进版前端资源,教程和意见。)
Stars: ✭ 755 (+2920%)
Mutual labels:  gulp
Just Task
Elegant javascript tasks
Stars: ✭ 25 (+0%)
Mutual labels:  gulp

woff资源生成器

woff generator:based on TTFRender, gulp-ttf2woff, and NodeJS. 简化中文字体定制。

中文字体文件过大导致web font文件最好限于需要美化的部分。详见: https://github.com/wangxiaomo/TTFRender

依赖:

Python 2.7+ (2.7.3 for me)
NodeJS (0.10.26 for me)

安装gulp

npm install -g gulp

安装fontforge. 仅在ubuntu 12.04成功,Mac无果(http://stackoverflow.com/questions/9964284/fontforge-python-bindings-with-macports?noredirect=1#comment35450979_9964284):

$ sudo apt-get install fontforge python-fontforge

使用

$ npm install 启动NodeJS服务:

$ node server.js

访问:

localhost:3000

上传内容文件(需纯文本,若有编码问题请提issue)、ttf文件。生成woff文件(下载文件名为download,请自行改名),即可在css中引用:

@font-face
{
font-family: myFirstFont;
src: url('generated.woff');
}

div
{
font-family:myFirstFont;
}

生成woff文件大小

生成woff约1k/字,根据ttf字体文件大小有别

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].