A variable fonts demo using fontkit

README
Issues 7

fontkit-demo

This is a demo site using fontkit that lets you play around with OpenType variation fonts in your browser.

Check out the demo here.

The default demo font is a prototype font designed to showcase variable fonts by Adobe.

License

MIT

1 Open More issues

Closed

There could be a way to activate features

I know this is just a demo, but it has already proven extremely useful for me to test variable fonts. This would be a logical extension to something more like a font tester. Also a good way to show variable fonts.

opened May 10, 2017 by MrBrezina 5

Closed

Text disappears with certain Arabic characters

I’m not sure if I should report this here or in fontkit, so please let me know where to report future rendering issues.

Inserting the Arabic character ي causes the text to disppear when using Mada font, and even after removing it nothing shows again until the page is reloaded.

opened May 30, 2017 by khaledhosny 3

Closed

Allow changing text direction

Fixes https://github.com/devongovett/fontkit-demo/issues/8

opened Jun 12, 2017 by khaledhosny 2

Closed

Component transformation don’s seem to be applied

The final ا (e.g. فا) in Mada font is a composite glyphs with flipped components, but fontkit does not seems to apply the transformation:

compared to FontView:

opened May 30, 2017 by khaledhosny 2

Closed

Glyph positioning seems to be broken

Testing with Mada font, marks seems to have the same position in all intances. For example here is the Black ف in fonkit demo:

and in FontView:

opened May 30, 2017 by khaledhosny 2

Closed

Feature variations do not show right after font upload

When I upload a font with feature variations which should show on the default instance (e.g., Regular), they are not apparent at first. I need to move some sliders or change the instance in the dropdown menu for the feature variation to kick in.

opened May 10, 2017 by MrBrezina 2

Open

Duplicated plugins?

Hey @devongovett wondering if you know about this issue:

If you'd like to use two separate instances of a plugin,
they need separate names, e.g.

  plugins: [
    ['some-plugin', {}],
    ['some-plugin', {}, 'some unique name'],
  ]

Duplicates detected are:
[
  {
    "alias": "/Desktop/fontkit-demo/node_modules/@babel/plugin-proposal-class-properties/lib/index.js",
    "dirname": "/Users/Desktop/fontkit-demo",
    "ownPass": false,
    "file": {
      "request": "@babel/proposal-class-properties",
      "resolved": "/Desktop/fontkit-demo/node_modules/@babel/plugin-proposal-class-properties/lib/index.js"
    }
  },
  {
    "alias": "base$3",
    "options": {
      "loose": "#[email protected]/preset-env__prefer-false-but-true-is-ok-if-it-prevents-an-error"
    },
    "dirname": "/Users/desktop/fontkit-demo",
    "ownPass": false
  }
]

Sounds weird to me. Would love to try out your demo. Thanks

opened Jul 12, 2020 by nmassi 1