search

Templarian / MaterialDesign-Webfont

@mdi/font Dist for Material Design Icons.
https://materialdesignicons.com
Other
407 stars 157 forks source link

SVG Font #55

Closed vitorhugojapa closed 5 years ago

vitorhugojapa commented 5 years ago

Hi! I've seen on Issue #4166 that the SVG Font has been removed from the project. That font was REALLY helpful to us in our workflow.

We used it on Sketch along with the "Sketch Icon" plugin. There we could import a custom SVG font and use all of the icons directly on the Sketch File, using the plugin to find the desired icon.

Last week we wanted to update to the latest version but it was not possible since the SVG font is not available anymore.

Templarian commented 5 years ago

The SVG font was removed due to file size, so it will not be coming back to the webfont package unfortunately. Generating it isn't an issue though, but I've hardcoded the fonts we generate in @mdi/font-build.

We supply all the SVG's in @mdi/svg or MaterialDesign-SVG repo. But I assume you need the font?

vitorhugojapa commented 5 years ago

Hey, thanks for the reply. Yeah we need it as a font. It is the way the plugin works with Sketch. We can import a SVG Font from there and use it. I've tried importing the TTF with no success.

The Material Icon font provided by them is so much smaller and does not supply our needs. https://github.com/keremciu/font-bundles

Can we generate the font ourselves?

Templarian commented 5 years ago

Yep, I'll update @mdi/font-build tonight with a flag to enable *.svg in the build. Maybe just as a boolean flag font-build --font-svg

Using font-build is relatively easy, but I'll update with full docs tonight with the update.

vitorhugojapa commented 5 years ago

Thank you very much. It will help us a lot

Templarian commented 5 years ago

https://github.com/Templarian/MaterialDesign-Font-Build#why-is-the-svg-font-not-generated

v1.6.0 of @mdi/font-build was released.

You can basically download the @mdi/svg package. Unzip it and use npm install -g @mdi/font-build. Then in the directory run font-build --fontSvg This will generate the regular package including the SVG package.

Not ideal, but the .svg font isn't really used anywhere in the wild outside of this use case.

Templarian commented 5 years ago

Closing this out as I think this should be fine for now. We'll work on adding additional download options later.

https://github.com/Templarian/MaterialDesign-Site/issues/113

@vitorhugojapa If you can link to the sketch plugin name and let us know what's required we'll add a page dedicated for Sketch users. 😃