Font-Packer icon indicating copy to clipboard operation
Font-Packer copied to clipboard

Generate @font-face for each font

Open RamonGebben opened this issue 8 years ago • 2 comments

It would be great if it would pair the fonts with a fonts.css/fonts.less/fonts.scss. Which would look a bit like this:

@font-face {
  font-family: 'FontA';
  src: url('./fonts/font-a.eot');
  src: url('./fonts/font-a.eot?#iefix') format('embedded-opentype'),
       url('./fonts/font-a.woff2') format('woff2'),
       url('./fonts/font-a.woff') format('woff'),
       url('./fonts/font-a.ttf')  format('truetype'),
       url('./fonts/font-a.svg#svgFontName') format('svg');
}

RamonGebben avatar Oct 20 '16 09:10 RamonGebben

I will try it. Thank you for your feed back!

bigxixi avatar Oct 20 '16 11:10 bigxixi

Would be great if it could pull the full font face. Looks like it's still pulling just the single font styles.

Thank you for the plugin, though. Helpful!

bduffley avatar Mar 07 '17 21:03 bduffley