GithubHelp home page GithubHelp logo

Comments (8)

larsenwork avatar larsenwork commented on August 21, 2024

Unsure exactly what it is you want to do? 😄

Opentype.js is for font manipulation as far as I can see and since we're already zip'ing when building what would we need on-the-fly zipping for?

from monoid.

chase avatar chase commented on August 21, 2024

I was thinking: What if rather than building all the options before hand, we only host the original TTF files (Normal, Bold, Oblique, Retina) and then do the small option modifications in the browser? Think fontbuilder.py in your browser for exactly what you picked (ex. it changes each style of the family) then zips them up.

from monoid.

larsenwork avatar larsenwork commented on August 21, 2024

Ah - that would be cool - would allow for an infinite amount of alternates. But that would require the website being hosted on a proper web server with python capabilities, right?

from monoid.

chase avatar chase commented on August 21, 2024

Nope! That's the beauty of this solution, everything is still static (we still build the base fonts using CircleCI) but all (or most) of the customization options would be implemented on the client-side browser. Opentype.js allows manipulation and writing of TTF blobs in the browser, no server needed.
It lacks some capabilities, but I'll have to check if it discards things like CALT/LIGA tables entirely on loading. If it doesn't, we could build the nocalt option in CircleCI and just switch to those base fonts for Contextual Alternates / No Contextual Alternates option. If it does, I can probably work out a hack.

What Opentype.js definitely can do:

  • Line height changes (We could totally make a slider for this!)
  • Glyph changes (resizing, etc, for things like Powerline symbols)
  • Glyphn swaps

from monoid.

larsenwork avatar larsenwork commented on August 21, 2024

Wow - that sounds powerful and definitely cool to have. I'm afraid my schedule is quite packed for the next month or so I won't have time to really look into until then but if it's something you'd want to look into then by all means 🚀😎

from monoid.

chase avatar chase commented on August 21, 2024

I assigned myself to it, no need to do anything on your end. I'm pretty busy so this project is probably for post v1.0. This is more a reminder to check out this approach later on.

from monoid.

chase avatar chase commented on August 21, 2024

So this may be a better alternative to opentype.js:
https://github.com/kekee000/fonteditor-core

I'll have to investigate some more, but it seems like it may support everything we'd need.

from monoid.

tomByrer avatar tomByrer commented on August 21, 2024

Looking forward to this.

from monoid.

Related Issues (20)

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.