Font doesn't look the same as in other Mac applications

Things I have tried

I tried different sizes and different variants of the iA Writer Duo font face (available on GitHub), but I can’t match the crispness of the way the Duo font looks in iA Writer (or Pages).

What I’m trying to do

I want to use the same font face as in iA Writer. But in iA Writer (and, for instance in Apple Pages) it looks much more crisp and contrasty.

I think it’s the Obsidian text rendering that does something funny here, but I’m not a coder and I might just be overlooking something.

Have you tried adjusting the css font-weight value?

Thanks, but that just makes it pick the bold variant of the font. That’s not the same thing.

Is that the case if you set font weight to a number, not just a relative value? So font-weight: 400 or font-weight: 600? I ask because the difference between your two screen shots looks like a variation in weight, not rendering.

I tried 600, which makes it bold. 400 and 500 leave it like it was, too thin.

You might also want to change the -webkit-font-smoothing value:

.cm-s-obsidian .CodeMirror-line * {
    -webkit-font-smoothing: auto;
}
2 Likes

Thanks a lot! That worked.

1 Like

This topic was automatically closed 24 hours after the last reply. New replies are no longer allowed.