ecomfe / gulp-fontmin Goto Github PK
View Code? Open in Web Editor NEWMinify font seamlessly
License: MIT License
Minify font seamlessly
License: MIT License
I don't need the css, svg, eot and ttf files. Can I set it up like that?
gulp.task('default', function () {
return gulp.src('src/fonts/*.ttf')
.pipe(fontmin({
text: '天地玄黄 宇宙洪荒',
}))
.pipe(gulp.dest('dist/fonts'));
});
In the example, what should I do if I want to pass different texts to fontmin according to the filename?
Hi!
Great plugin! The only issue is that you cannot control where generated css links fonts to. It's always current dir.
But in case you concatenate generated css file to your main css file, fonts may be located in other dir, so it would be very helpful to have ability to control this.
example:
knowing that my fonts would be located in dir ../fonts/
relative to css file location I add an option
cssFontPath: '../fonts/'
to gulp plugin and the generated css has urls like url(../fonts/myfont.ttf)
(notice the ../fonts/
in front of font name).
Also please note there are different comma symbols in comments of generated css
chrome、firefox、opera、Safari,
↑ ↑
strange regular
Thanks!
Your plugin has come in really handy, however I have found a small bug, description below:
At https://github.com/ecomfe/gulp-fontmin/blob/master/index.js#L139 there's an option to trigger the callback prior to outputting any messages.
There appears to be a missing return statement which is allowing the plugin to call the callback twice as well as output messages.
When I specify the text
option – and specifically the i character, I receive:
TypeError: Cannot read property 'contours' of undefined at /Users/atimberlake/Webroot/Mobile/node_modules/gulp-fontmin/node_modules/fontmin/node_modules/fonteditor-ttf/lib/ttf/table/OS2.js:175:59
var alphaNumeric = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefgh';
return gulp.src('public/fonts/pt-sans-web/**.ttf')
.pipe(fontmin({ text: alphaNumeric }))
.pipe(gulp.dest('public/fonts'));
That above runs fine, but as soon as I append i to the end of alphaNumeric
then the error is raised.
The font file I'm trying to minify is this one: https://www.dropbox.com/s/gv3yv4nnp8jigdk/PTS75F_W.ttf?dl=0
I want convert a few of files to directory path.create.fonts.
What does I need to pass for call function fontmin in parameter?
Can show on this example?
I have this example:
var gulp = require('gulp');
var fontmin = require('gulp-fontmin');
gulp.task('font-min',function(callback){
return gulp.src(path.source.fonts+'*.ttf')
.pipe(fontmin({
text: '天地玄黄 宇宙洪荒',
}))
.pipe(gulp.dest(path.create.fonts))
.pipe(reload({stream: true}));
})
I not understand this "Get needed text from html". How text?
I have file in directory path.source.fonts+'*.ttf'.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.