Custom font not displaying

I’m trying to update a card type with a different japanese font. I’ve put the .ttf file in the collection.media file, and changed all of the relevant fields on the card type. I’ve also installed the font on my PC, though I don’t really know if that matters.

This is what the styling currently reads:

@font-facefont-facefont-facefont-face {

font-family: KleeOne-Regular;

src: url(“_KleeOne-Regular.ttf”);

}

.card-content {

display: flex;

flex-wrap: wrap;

flex-direction: column;

font-family: KleeOne-Regular;

}

.card-tags-container {

margin-top: auto;

align-self: flex-start;

background-color: #f5f5f5;

}

.separator {

border: 0;

height: 1px;

background-color: #ccc;

width: 100%;

margin: 16px 0;

}

.center {

text-align: center;

}

.bottom {

font-size: 12px;

text-align: left;

padding: 4px;

overflow: hidden;

}

.left {

text-align: left;

}

.card.nightMode .card-tags-container {

background-color: #333;

}

And the front template:

image

And the back template:

The filename was copied directly from the file in my collection.media folder, as shown here:

image

I’ve also double-checked that it is in fact a .ttf file.

The font on the card has reverted to what seems to be a chinese font, mixed with a different gothic font for the kana.

What am I missing here?

EDIT: Nevermind I got it. looks like windows was appending .ttf to the filename but not displaying it. so anki is looking for xyz.ttf but the file in the folder was xyz.ttf.ttf. pretty annoying!

3 Likes

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