Giter Club home page Giter Club logo

web-fonts-generator-service's Introduction

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字体文件大小有别

web-fonts-generator-service's People

Contributors

nobodxbodon avatar testacount1 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.