Comments (9)
Well, today I tried to build Featherity, to tell you if it works or not.
Maybe the tools have evolved since, so I'm able to build with 3 tools (without inkscape):
- fontforge
- sfnt2woff (npm)
- fontcustom
It was build with success, with only one icon problem (icon-phone-call).
The same process worked well with Feather.
If you want to test, after install these tools, do a simple:
fontcustom compile ./icons -h -n Featherity -o build -F
from lucide.
There may be a different way to do this but I can do this through an icon library tool I use called Nucleo. This includes eot, ttf, woff, woff2.
Nucleo-Fonts.zip
from lucide.
@rfbezerra created a script for generating Font files, maybe we check it out.
feathericons/feather#608
from lucide.
@mishkaio That's really neat!
@ericfennis I don't have any of those tools installed locally, but we should be able to port it no problem 😄
from lucide.
I made a docker image to simplicate necessary steps to build a TTF font.
If u want to check, it is this project svg-to-ttf.
With that, its simple to build any ttf font from svg glyphs, e.g.:
docker run --rm -v "${PWD}":/fonts rfbezerra/svg-to-ttf -i ./icons -n Featherity -u $(id -u)
from lucide.
@rfbezerra Sorry for the late reply. I was on vacation.
Thanks for your work on this! Looks awesome.
I'm currently working on the NPM package for featherity
First I want to release the package, including the subpackages for Vue and React, after that I will pick this up!
from lucide.
Just to know
Does the Workflow work correctly? 😅
from lucide.
I forgot to check, but it is working correctly!!
Link of the artifact.
I didn't test it yet.
But I don't know how we can publish this nicely?
My suggestion, maybe we need to add this to the new package, then we can serve it through unpkg.
from lucide.
Fixed by #100
Shortly I will create an solution for to download the icons
from lucide.
Related Issues (20)
- Using Next.js dynamic import to create a generic icons component can effectively reduce client-side component re-rendering issues.
- Unnecessary `x` above the modal HOT 2
- Clicking the version can cause 404 Error Page
- Package Setup Issues in `lucide-vue-next` Leading to Module Resolution Errors HOT 1
- `Captions` icon is being exported as Subtitles icon in `lucide-react` HOT 1
- Border for tables HOT 1
- Find icon by name HOT 4
- New Twitter Icon (X) HOT 1
- [Angular] Standalone component compatibility HOT 8
- [Icon Request] "Home Plus" icon HOT 8
- LucideProps type not found in 'lucide-solid' HOT 1
- Wrong name of Ellipsis icon at website HOT 3
- Uncaught ReferenceError: iconAndAliases HOT 4
- Where is @lucide/shared HOT 14
- Male and Female Icons HOT 1
- [icon-request]: podium - a raised platform with different levels (not lectern) HOT 2
- Parallelogram HOT 3
- svelte-check error when using ComponentType<Icon> HOT 1
- Documentation for icon font does not respect case sensitive systems
- icon request: `index-card` HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
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.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from lucide.