Giter Site home page Giter Site logo

Comments (2)

walnutjon avatar walnutjon commented on June 12, 2024 1

Also in Windows 11 (22H2). Installed from the geist-mono zip file.

Screenshot 2023-11-01 172122

from geist-font.

wayne-shih avatar wayne-shih commented on June 12, 2024 1

This'll be coz not all the metric width is the same (600) -- notably the fractions (1200) and ligatures (1200, 1800, 2400, 3000), even though the fractions and ligatures are multiple of the base 600 they are still different thus the system thinks it's not a mono font.

Would need to tweak all of them to 600.

CleanShot 2023-11-02 at 19 19 53@2x CleanShot 2023-11-02 at 19 20 12@2x

JetBrains is a good implementation example.

Take ~~> as an example, instead of making the metric width 1800 (600*3), the ligature glyph itself retains as 600 and on the contextual ligature on tilde tilde greater it substitutes the 2 tilde with a SPC character (basically an empty glyph) and the asciitilde_asciitilde_greater.liga sits snuggly as the last character space and visually overlaps on top of the previous 2 empty spots.

CleanShot 2023-11-02 at 19 04 45@2x CleanShot 2023-11-02 at 19 08 23@2x

Fractions on the other hand...

Geist Mono fractions are essentially double the width (1200 = 600*2), however these are a single unicode character...

CleanShot 2023-11-02 at 19 12 49@2x

suggest it gets redrawn as a single 600 width character, ie. JetBrains Mono and IBM Plex Mono example :

CleanShot 2023-11-02 at 19 14 46@2x CleanShot 2023-11-02 at 19 45 01@2x

I would also remove the fractions ligature, what's happening here is I am typing 3 characters (ie. 1 / 2) to have it render as 1 character with a 2 character visual width... instead of 3.

CleanShot 2023-11-02 at 19 45 49@2x

from geist-font.

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.