Font render issue (transparent cross sections) in some fonts

[bauer00]

I'm currently using the Google Font "Inter" (https://fonts.google.com/specimen/Inter) and when I draw a text onto an image with that font, some letters with cross sections, like "f" or "t" are rendered transparent in this cross section. I also use the latest version of "gg", 1.3.0.

It looks like this:

This is the code I've executed to generate the image above (I've used examples/text.go and changed it a little bit):

const W = 1024
const H = 512
dc := gg.NewContext(W, H)
dc.SetRGB(1, 1, 1)
dc.Clear()
dc.SetRGB(0, 0, 0)
if err := dc.LoadFontFace("../resources/fonts/Inter-SemiBold.ttf", 50); err != nil {
	panic(err)
}
dc.DrawStringAnchored("ABCDEFGHIJKLMNOPQRSTUVWXYZ", W/2, H/2-50, 0.5, 0.5)
dc.DrawStringAnchored("abcdefghijklmnopqrstuvwxyz", W/2, H/2+50, 0.5, 0.5)
dc.SavePNG("out.png")

Do I need to load the font differently? Or use different settings to draw the text? Or is it an actual render bug withing the gg package?

Thanks for your help.

[EQuimper]

Same issue for me and this is not the same font

[whitnelson]

I'm also having the same issue with a handful of Google fonts. Here is Quicksand:

[oneart-dev]

Same with Inter font (google fonts), any solutions?

[oneart-dev]

The solution is to download font from other sources. I used https://rsms.me/inter/ and it works fine. The font file size is twice, so i guess google optimizing font for web quite heavily.

[guptaaansh]

Is there a concrete solution for this, facing this issue and can not get higher quality fonts as this is a custom font.

[timfanda35]

I found a solution here: https://www.reddit.com/r/golang/comments/14ldjiu/problems_with_drawing_fonts_onto_an_image/

Use https://github.com/goki/freetype to load font instead of using https://github.com/golang/freetype.

import (
	"github.com/goki/freetype"
	"github.com/goki/freetype/truetype"
        ...
)

// Load font with goki freetype
func loadFontFace(path string) font.Face {
	var fontBytes []byte
	fontBytes, err := os.ReadFile(FontPath)
	if err != nil {
		panic(err)
	}
	font, err := freetype.ParseFont(fontBytes)
	if err != nil {
		panic(err)
	}

	face := truetype.NewFace(font, &truetype.Options{
		Size: 72,
	})

	return face
}

Before

dc. LoadFontFace("NotoSansTC-Black.ttf", 72)

After

face := loadFontFace("NotoSansTC-Black.ttf")
dc.SetFontFace(face)