smallcaps not showing on Kobo

[Siavahda]

Originally Posted by Sirtel

It's supposed to work without Publisher Font. I haven't done it myself, but I've certainly read books where some sections used an embedded font and most of the book didn't. I never use Publisher Default. And yes, with epubs, not kepubs.

I'm glad that's how it works, because that's much smarter, but in that case I'm not sure what I'm doing wrong.

I have it set up in the CSS as

.blog {
display: block;
font-family: "Courier Prime";
font-size: 100%;
}

And then <div class="blog"></div> around the text in question. It previews perfectly in the editor...

[Sirtel]

I think the code should be:

blog {
display: block;
font-family: "Courier Prime", monospace;
font-size: 100%;
}

[JSWolf]

The code should be:

blog {
font-family: monospace;
}

The font in the fonts directory should start with Courier in the file names of the font family. I'm not sure if it also has to be Courier in the font's metadata or just start with Courier.

[Siavahda]

Neither code worked.

Under Fonts in the left-hand menu of the Calibre Editor, there's four fonts. They all start CourierPrime - CourierPrime-Bold etc. I didn't name them that, they downloaded that way, so as far as I know that should be in their metadata as well?

In the Manage Fonts menu, Courier Prime shows as embedded. Monospace (which appeared there after I tried one of the codes Sirtel and JSWolf suggested, I didn't notice which) is also listed, but there's no tick to say it's embedded.

The start of my stylesheet looks like this

@font-face {
  src: url(CourierPrime-Bold.ttf);
  font-family: "Courier Prime";
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  }

@font-face {
  src: url(CourierPrime-BoldItalic.ttf);
  font-family: "Courier Prime";
  font-weight: bold;
  font-style: italic;
  font-stretch: normal;
  }

@font-face {
  src: url(CourierPrime-Italic.ttf);
  font-family: "Courier Prime";
  font-weight: normal;
  font-style: italic;
  font-stretch: normal;
  }

@font-face {
  src: url(CourierPrime-Regular.ttf);
  font-family: "Courier Prime";
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  }

I'm not sure what else to check or share here.

[DNSB]

What Jon is talking about is adding the monospace font to the fonts directory in the root of your Kobo's storage which will allow you to use <code>...</code> or font-family: monospace;. It will not work with other brands. Embedding a monospace font is probably the most general solution. Looking at your sample CSS, the font source may be incorrect. The following works for me with the fonts in the ePub's OEBPS/Fonts directory:

@font-face {
    font-family: 'Courier Prime';
    font-weight: bold;
    font-style: normal;
    src: url('../Fonts/CourierPrime-Bold.ttf');
}

@font-face {
    font-family: 'Courier Prime';
    font-weight: bold;
    font-style: italic;
    src: url('../Fonts/CourierPrime-BoldItalic.ttf');
}

@font-face {
    font-family: 'Courier Prime';
    font-weight: normal;
    font-style: italic;
    src: url('../Fonts/CourierPrime-Italic.ttf');
}

@font-face {
    font-family: 'Courier Prime';
    font-weight: normal;
    font-style: normal;
    src: url('../Fonts/CourierPrime-Regular.ttf');
}

I've attached a test epub using the embedded font so you can see the structure of the ePub which is rather important to know where the various bits and pieces live on the path internal to the ePub. Also note that I am using Sigil as the ePub editor.

[JSWolf]

Originally Posted by DNSB

What Jon is talking about is adding the monospace font to the fonts directory in the root of your Kobo's storage which will allow you to use <code>...</code> or font-family: monospace;. It will not work with other brands. Embedding a monospace font is probably the most general solution. Looking at your sample CSS, the font source may be incorrect. The following works for me with the fonts in the ePub's OEBPS/Fonts directory:

@font-face {
    font-family: 'Courier Prime';
    font-weight: bold;
    font-style: normal;
    src: url('../Fonts/CourierPrime-Bold.ttf');
}

@font-face {
    font-family: 'Courier Prime';
    font-weight: bold;
    font-style: italic;
    src: url('../Fonts/CourierPrime-BoldItalic.ttf');
}

@font-face {
    font-family: 'Courier Prime';
    font-weight: normal;
    font-style: italic;
    src: url('../Fonts/CourierPrime-Italic.ttf');
}

@font-face {
    font-family: 'Courier Prime';
    font-weight: normal;
    font-style: normal;
    src: url('../Fonts/CourierPrime-Regular.ttf');
}

I've attached a test epub using the embedded font so you can see the structure of the ePub which is rather important to know where the various bits and pieces live on the path internal to the ePub. Also note that I am using Sigil as the ePub editor.

I modified the ePub so it's not using any embedded fonts. This way it can be used to test if monospace with RMSDK is working. I have it working perfectly. I've attached it ito test if the fonts in the fonts directory are working properly.

[Siavahda]

DNSB's epub displayed perfectly.

JSWolf's didn't, the text was normal, not monotype.

So I guess that means the fonts I put in aren't working for some reason?

I redownloaded them (from fonts.google.com, it's been my source for all my fonts, and previously everything I've gotten from there has been perfect), removed the first set from my Kobo, and put the newly-downloaded copies into the fonts folder. Still the JSWolf epub didn't display correctly.

But I can select Courier Prime as a font, so it's definitely in there and the Kobo knows it's there. I have no clue what I'm doing wrong here.

[jackie_w]

Originally Posted by Siavahda

I have no clue what I'm doing wrong here.

The following advice is for epub only (i.e. not kepub) on Kobos:

The fontname needs to be precisely Courier not Courier Prime. If you do it correctly [* see below] you won't need to embed the monospace font in the epub and a simple generic font-family:monospace; in the epub CSS will suffice.
ETA: Also you won't need any @font-face statements for Courier in the epub's CSS.

[*] "Doing it correctly" means that the Kobo needs to "see" the 4 font files you copy to the Kobo /fonts directory as having the fontname Courier not Courier Prime. This involves 2 steps:

1. The external font filenames are:
   Courier-Bold.ttf
   Courier-BoldItalic.ttf
   Courier-Italic.ttf
   Courier-Regular.ttf (or Courier.ttf I think)
2. The *internal* font family name also needs to be Courier not Courier Prime. You can do this with a font editor (e.g. FontForge or ttfedit) to do this.

Step 2 is a PITA if you're not familiar with font editors so you could *try* step 1 only but if that doesn't work then you will need both steps. I know this works because it's what I have, i.e. 4 x 'Courier Prime' ttfs masquerading as Courier.

[JSWolf]

I think in this case, ttfedit will be easier to use.

I just had a look for Courier and I cannot easily find a font that's just Courier.

I have no idea what version of Courier I have as Courier. But it's setup just as @jackie_w's instructions and it works as you see from my screen grab.