[font characters] Request: better times symbol?

image

the right one seems thinner

1 Like

image

±+

1 Like

image

!¡ ?¿

1 Like

fixes incoming
Screen Shot 2021-08-31 at 3.30.29 PM

3 Likes

After your fixes, it appears we have the reverse problem on iPhone…

Less than symbol is now thinner. And Left square bracket is thinner.

2 Likes

On Firefox on macOS:

image

Right square bracket is thinner ¯\_(ツ)_/¯

1 Like

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

2 Likes

Maybe this http://stackoverflow.com/questions/21278020/ddg#21701048
edit: nope

1 Like

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

2 Likes

:raised_hands: confirmed, it looks like the aforementioned symbols now look consistent across platforms and browsers – beautiful

1 Like

image

ß

I found this letter in a space in Explore with German.

1 Like

What about the other Greek letter like alpha , gamma etc?

1 Like

Greek appears to be a little bit messy/inconsistent. I put some cards up on the test space:

image

1 Like

Good call too, I think Greek is probably more common

1 Like

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

2 Likes

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…

1 Like

why would you need otf? woff2 is supported on all browsers that kinopio supports https://caniuse.com/?search=woff2

1 Like

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.

https://glitch.com/~svg-text

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 :sweat_smile:

Edit²: It worked :slight_smile:

https://kinopio-text.glitch.me/

Live Example

I do Karaoke in Osaka

2 Likes

This is slick, I’m gonna use this today!

2 Likes

here’s the otf: https://us-east-1.linodeobjects.com/kinopio-uploads/NCgX7cqzMhewua1OQTCdA/OsakaMono-Kinopio.otf

2 Likes