nobodxbodon / Web Fonts Generator Service
web font生成器:based on TTFRender, gulp-ttf2woff, and NodeJS. 简化中文字体定制。
Stars: ✭ 25
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to Web Fonts Generator Service
Vue Chat
📲 A web chat application. Vue + node(koa2) + Mysql + socket.io
Stars: ✭ 617 (+2368%)
Mutual labels: gulp
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
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
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
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].