Skip to content
This repository was archived by the owner on Feb 9, 2025. It is now read-only.
This repository was archived by the owner on Feb 9, 2025. It is now read-only.

Issue with Chromium browsers displaying Unicode-blocks poorly #9

Description

@hermanTenuki

For some reason, chromium rendering Unicode-blocks poorly regardless of what font is used.

If we try to create art with Unicode-blocks in a monospace font, chromium will always leave some weird lines between symbols.

For example, let's compare Google Chrome and Firefox browsers:

Screenshot_4
Google Chrome

Screenshot_5
Firefox Browser

I improved this issue by detecting Chromium in JavaScript and applying some styling:

if (window.chrome) {
    art_div.css({
        'letter-spacing': '-0.1em',
        'line-height': '1.2em',
        'transform': 'scale(1.2, 1) translateX(8%)'
    });
}

Let's look again at the examples:

Screenshot_6
Google Chrome (with styling fixes)

Screenshot_5
Firefox Browser again

Now you can see that situation is a lot better, but Chromium still displaying art differently. If you look at the letters in both arts (especially "b"), Chromium's blocks are blurring or, like, floating to the upper side.

Metadata

Metadata

Assignees

No one assigned

    Labels

    help wantedExtra attention is neededinvalidThis doesn't seem right

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions