Jump to content
You must now use your email address to sign in [click for more info] ×

Kerning on Variable Fonts (.ttf Files) is off


Recommended Posts

I'm seeing a difference between the kerning for variable fonts.

I've captured these two images to show the differences, Google fonts: Montserrat and Josefin Sans. Both fonts are identical size and kerning settings, but the BOLD versions of these fonts show the X and A closer together (alongside other issues, notice the closeness of the 'T's), it appears to be a problem with vairable fonts files only.

I was using the Google fonts repo inside my Fonts on the newer machine, however after looking into it further my older machine uses separate .ttf files versus the Google fonts repo (https://github.com/google/fonts) which uses [wght].ttf files.

I've managed to transfer the original .ttf files from my old machine that I need, but wanted to flag to the Affinity team since the Google Fonts github repo and website provide these problematic [wght].ttf and similarly other websites with variables fonts files as default.

I tested the issue with another variable font: (https://github.com/github/hubot-sans)

> For anyone facing a similar issue, you can download the family of fonts from Google Fonts and they provide a 'static' folder where you can use the individual .ttf files.

Screenshot 2023-03-01 at 19.40.01.png

Screenshot 2023-03-01 at 19.39.35.png

Link to comment
Share on other sites

Hi @mat.loughnaneand welcome to the forums…

The Affinity software suite doesn’t currently support variable width fonts which will be why you are seeing the discrepancy in the kerning between the variable width and true type versions of the typeface…

Affinity Designer 2.4.2 | Affinity Photo 2.4.2 | Affinity Publisher 2.4.2
Affinity Designer  Beta 2.5.0 (2402) | Affinity Photo Beta 2.5.0 (2402) | Affinity Publisher Beta 2.5.0 (2402)

Affinity Designer 1.7.3 | Affinity Photo 1.7.3 | Affinity Publisher 1.10.8
MacBook Pro 16GB, macOS Monterey 12.7.4, Magic Mouse

Link to comment
Share on other sites

Thanks @Hangman - if I'm honest, at first I thought it was an issue with the way I had imported the Google Fonts but as I was writing this topic I started digging a little deeper and found the common problem of the variable fonts. I had only researched "Google Fonts, affinity designer kerning".

I'll just have to figure a better solution for getting fonts onto my machine and follow this topic

 

Link to comment
Share on other sites

7 minutes ago, mat.loughnane said:

at first I thought it was an issue with the way I had imported the Google Fonts

Yes, that is the issue. You installed the Variable fonts rather than the Static fonts.

-- Walt
Designer, Photo, and Publisher V1 and V2 at latest retail and beta releases
PC:
    Desktop:  Windows 11 Pro, version 23H2, 64GB memory, AMD Ryzen 9 5900 12-Core @ 3.00 GHz, NVIDIA GeForce RTX 3090 

    Laptop:  Windows 11 Pro, version 23H2, 32GB memory, Intel Core i7-10750H @ 2.60GHz, Intel UHD Graphics Comet Lake GT2 and NVIDIA GeForce RTX 3070 Laptop GPU.
iPad:  iPad Pro M1, 12.9": iPadOS 17.4.1, Apple Pencil 2, Magic Keyboard 
Mac:  2023 M2 MacBook Air 15", 16GB memory, macOS Sonoma 14.4.1

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
×
×
  • Create New...

Important Information

Terms of Use | Privacy Policy | Guidelines | We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.