the right one seems thinner
±+
!¡ ?¿
fixes incoming
After your fixes, it appears we have the reverse problem on iPhone…
Less than symbol is now thinner. And Left square bracket is thinner.
On Firefox on macOS:
Right square bracket is thinner ¯\_(ツ)_/¯
Ya that they look diff on mobile actually is correct, when I just did a perfect flip the characters looked thin (the earlier issue). So I corrected them by eye to look fatter to compensate, but now they’re fatter.
I’ll have to think about how to solve this
added a bunch more chars that I found in the original version, and fixed the diff bw mac and iphone. The font file size is now 50kb, but that might be okay because it’s still just a single font/weight
confirmed, it looks like the aforementioned symbols now look consistent across platforms and browsers – beautiful
ß
I found this letter in a space in Explore with German.
What about the other Greek letter like alpha , gamma etc?
Greek appears to be a little bit messy/inconsistent. I put some cards up on the test space:
Good call too, I think Greek is probably more common
I think it’s better to just remove the greek characters that I have instead of either
- having the characters look inconsistent
- or having to draw an endless amount of glyphs
so now they all fallback consistently, and the font file is a fair bit smaller too.
ß is the german eszett character, it’s not part of the standard latin set so I’m just gonna leave that be
Hey, don’t know if you still have the fontlab trial, but can you export the final font to a few other formats than woff2? Specifically .otf
would be helpful for me…
why would you need otf? woff2 is supported on all browsers that kinopio supports https://caniuse.com/?search=woff2
For server-side rendering in my svg-text glitch project, so I can make headlines the same font as Kinopio text. The library supports OTF only, I think, as it uses opentype.js
to load fonts.
Lib: https://www.npmjs.com/package/text-to-svg
Edit: I’m trying a free online converter for now… though I don’t trust them greatly
Edit²: It worked
https://kinopio-text.glitch.me/
Live Example
This is slick, I’m gonna use this today!
here’s the otf: https://us-east-1.linodeobjects.com/kinopio-uploads/NCgX7cqzMhewua1OQTCdA/OsakaMono-Kinopio.otf