Newbie with new Font

mrwrite · 03-02-2014, 10:35 PM

I get it that there are only 2 fonts for the epub unless you add your own.
I get it that a style sheet is needed for each new font used.

I don't get... How does anyone code the new font into the document?
Does the ENTIRE DOCUMENT need to be in CSS?

I want to show the text within a box as monospaced font.
My CSS file:
@font-face{
font-family: 'texgyrecursor';
font-weight: normal;
font-style: normal;
scr:url('../Fonts/texgyrecursor.otf');
}

[The file is texgyrecursor.otf but the name displays as TeXGyreCursor in
OpenOffice. That might be ONE problem. For now it make no difference.]

Here is the code for the page (skipping a lot of words within the box).

Quote:

<head>
<title>16-Lettered Words</title>
</head>

<h1><font face="Arial serif">16-Lettered Words</font></h1><body>
<style>{
font-family:'texgyrecursor',
font-style:normal;}</style>

<p><br/></p>

<table border="1" cellpadding="2" cellspacing="2" width="100%">
<tbody>
<tr>
<td valign="top">OLIGODENDROGLIA<br/>
</td>
<td valign="top">NEUROPATHOLOGIC<br/>
<br/></td>
</tr>
</tbody>
</table>

</body>
</html>

eschwartz · 03-02-2014, 10:42 PM

you must apply the css style to a specific tag, for instance:

Code:

<style>
body {
	font-family:'texgyrecursor';
	font-style:normal;
}
</style>

Also, font-family wasn't closed off properly.

theducks · 03-02-2014, 11:42 PM

make that body tbody if you only want it to be used inside the table.

Calibre has a note that the font-family name should match what is coded Internaly in the font for best compatibility.

font-family: "TeXGyreCursor"

Toxaris · 03-03-2014, 01:46 AM

Some reader, I believe also the Nook, will ignore font settings in the body tag.

mrwrite · 03-03-2014, 04:08 AM

Yes, tbody modifications are ignored in Sigil.
SIGIL does show a modification in the text when I put the code around
body. The text changes, and I save it.
I open the work in Nook and Cool Reader. Both show the default font. New Times Roman.

According to a checker within SIGIL

Quote:

OEBPS/Fonts/texgyrecursor.otf This resource is present in the OPF <manifest>, but it's not reachable (it's unused).

The current file looks like this:

Quote:

<?xml version="1.0" encoding="utf-8" standalone="no"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>16-Lettered Words</title>

<style type="text/css">
body {
font-family:'TeXGyreCursor';
font-style:normal;
}
</style>
</head>

<body>
<h1 style="text-align: left;"><font face="Arial serif">16-Lettered Words</font></h1>

<table border="1" cellpadding="2" cellspacing="2" width="100%">
<tbody>
<tr>
<td valign="top">OLIGODENDROGLIA<br />
TACHYARRHYTHMIA<br />
PLEUROPNEUMONIA<br />
PHENYLKETONURIA<br />
COUNTERGUERILLA<br />
LYMPHOGRANULOMA<br />
CHORIOCARCINOMA<br />
TERATOCARCINOMA<br />
MEDULLOBLASTOMA<br />
LYMPHOSARCOMATA<br />
NEUROBLASTOMATA<br />
ANTIAPHRODISIAC<br />
HENDECASYLLABIC<br />
NEUROSCIENTIFIC<br />
POSTHEMORRHAGIC<br />
<br /></td>

<td valign="top">NEUROPATHOLOGIC<br />
HISTOPATHOLOGIC<br />
SYMPTOMATOLOGIC<br />
ANTICHOLINERGIC<br />
PALEOGEOGRAPHIC<br />
PHYTOGEOGRAPHIC<br />
HISTORIOGRAPHIC<br />
CINEMATOGRAPHIC<br />
CHROMATOGRAPHIC<br />
NONPHOTOGRAPHIC<br />
ANTHROPOMORPHIC<br />
GYNANDROMORPHIC<br />
ENCEPHALOPATHIC<br />
PLATYHELMINTHIC<br />
DOLICHOCEPHALIC<br />
<br /></td>
</tr>
</tbody>
</table>

<p><br /></p>

</html>

The CSS file is now:

Quote:

@font-face{
font-family: 'TeXGyreCursor';
font-weight: normal;
font-style: normal;
scr:url('../Fonts/texgyrecursor.otf');
}

should I switch to Calibre?

Toxaris · 03-03-2014, 04:43 AM

No need. The message is correct, the stylesheet is of no use if you don't actually use it...
Remove this:

Code:

<style type="text/css">
body {
font-family:'TeXGyreCursor';
font-style:normal;
}
</style>

and put it in your stylesheet. So, that will be:

Code:

@font-face{
font-family: 'TeXGyreCursor';
font-weight: normal;
font-style: normal;
scr:url('../Fonts/texgyrecursor.otf');
}

td.data{
font-family: 'TeXGyreCursor';
vertical-align:top;
}

Link the stylesheet to the XHTML file. You can easily do that by right clicking on the file in the book browser on the left side.

Since not Sigil but Nook will ignore font settings to the body. So, use for example this in your file:

Code:

<td class="data">OLIGODENDROGLIA<br />
TACHYARRHYTHMIA<br />
...
<br /></td>

I personally don't like the <br />, but that is probably me.

mrwrite · 03-03-2014, 12:21 PM

HTML is linked to the stylesheet and the fonts are loaded. I still get the error.
Stylesheet is as suggested. The preview on the right is showing what I want.

One idea for a work-around. I could do a screen-grab of each HTML result and fill the epub book with pictures of the pages.

(I just said that to use the bug-eye icon.)

Image violates posting guidelines for size - MODERATOR]

theducks · 03-03-2014, 12:38 PM

(partial covered in image)
Lines 1 and 2 are a possible clue
There are 2 fonts embedded? (fonts folder)

But they appear to be unused (or coded wrong in the CSS @fonts)

1) filename case must be an exact match
2) Sigil fonts are always coded starting with "../Fonts/
3) All font-family references to that font must match the @font:
Family Name, font-weight, font-style values (you may need up to 4 Fonts (@fonts) to support the combinations of bold and italic in use

DiapDealer · 03-03-2014, 12:40 PM

Almost all devices/apps have a monospaced font available. There's really no need to embed one. Just use font family: "monospaced" and call it a day.

Also... the Nook now defaults to ignoring embedded fonts. Users have to turn on Publisher Defaults in order to see the fonts you include. And since there's no way to force users to do that, I frankly wouldn't bother.

mrwrite · 03-04-2014, 01:31 AM

Wonderful. I had no idea that there was a monospace font in the Nook.
Yes. I used:
font-family: monospace;
And that works.

I will also take the other suggestion and "call it a day."

Blessings to all.

I shall soon have a big tomb, to add to the pile of the puzzle makers niche market.
(A dictionary to help crossword makers if you haven't guessed.
Did anyone notice the words are in backward alphabetic order and all the
same size?)

Toxaris · 03-04-2014, 04:50 AM

Quote:

Originally Posted by mrwrite

(A dictionary to help crossword makers if you haven't guessed.
Did anyone notice the words are in backward alphabetic order and all the
same size?)

Well, the title is about 16 letter words, so that was a hint. I didn't look at the actual words themselves, as they were not part of the problem.

st_albert · 03-05-2014, 06:16 PM

Quote:

Originally Posted by mrwrite

I shall soon have a big tomb, to add to the pile of the puzzle makers niche market.
(A dictionary to help crossword makers if you haven't guessed.
Did anyone notice the words are in backward alphabetic order and all the
same size?)

I hope you meant "tome"!

Albert

theducks · 03-05-2014, 09:23 PM

Quote:

Originally Posted by st_albert

I hope you meant "tome"!

Albert

I hope so, because the first word might end up more accurate if not.

03-02-2014, 10:42 PM	#2
eschwartz Ex-Helpdesk Junkie Posts: 19,421 Karma: 85400180 Join Date: Nov 2012 Location: The Beaten Path, USA, Roundworld, This Side of Infinity Device: Kindle Touch fw5.3.7 (Wifi only)	you must apply the css style to a specific tag, for instance: Code: <style> body { font-family:'texgyrecursor'; font-style:normal; } </style> Also, font-family wasn't closed off properly.

03-03-2014, 04:43 AM	#6
Toxaris Wizard Posts: 4,520 Karma: 121692313 Join Date: Oct 2009 Location: Heemskerk, NL Device: PRS-T1, Kobo Touch, Kobo Aura	No need. The message is correct, the stylesheet is of no use if you don't actually use it... Remove this: Code: <style type="text/css"> body { font-family:'TeXGyreCursor'; font-style:normal; } </style> and put it in your stylesheet. So, that will be: Code: @font-face{ font-family: 'TeXGyreCursor'; font-weight: normal; font-style: normal; scr:url('../Fonts/texgyrecursor.otf'); } td.data{ font-family: 'TeXGyreCursor'; vertical-align:top; } Link the stylesheet to the XHTML file. You can easily do that by right clicking on the file in the book browser on the left side. Since not Sigil but Nook will ignore font settings to the body. So, use for example this in your file: Code: <td class="data">OLIGODENDROGLIA<br /> TACHYARRHYTHMIA<br /> ... <br /></td> I personally don't like the <br />, but that is probably me.

03-03-2014, 12:21 PM	#7
mrwrite Enthusiast Posts: 37 Karma: 300000 Join Date: Mar 2014 Device: Nook	I am linking... HTML is linked to the stylesheet and the fonts are loaded. I still get the error. Stylesheet is as suggested. The preview on the right is showing what I want. One idea for a work-around. I could do a screen-grab of each HTML result and fill the epub book with pictures of the pages. (I just said that to use the bug-eye icon.) Image violates posting guidelines for size - MODERATOR] Last edited by Dr. Drib; 05-17-2014 at 07:15 AM.

03-03-2014, 12:40 PM	#9
DiapDealer Grand Sorcerer Posts: 28,548 Karma: 204127028 Join Date: Jan 2010 Device: Nexus 7, Kindle Fire HD	Almost all devices/apps have a monospaced font available. There's really no need to embed one. Just use font family: "monospaced" and call it a day. Also... the Nook now defaults to ignoring embedded fonts. Users have to turn on Publisher Defaults in order to see the fonts you include. And since there's no way to force users to do that, I frankly wouldn't bother. Last edited by DiapDealer; 03-03-2014 at 12:42 PM.

03-04-2014, 01:31 AM	#10
mrwrite Enthusiast Posts: 37 Karma: 300000 Join Date: Mar 2014 Device: Nook	THAT WORKS! Wonderful. I had no idea that there was a monospace font in the Nook. Yes. I used: font-family: monospace; And that works. I will also take the other suggestion and "call it a day." Blessings to all. I shall soon have a big tomb, to add to the pile of the puzzle makers niche market. (A dictionary to help crossword makers if you haven't guessed. Did anyone notice the words are in backward alphabetic order and all the same size?)

03-02-2014, 11:42 PM	#3
theducks Well trained by Cats Posts: 31,020 Karma: 60358908 Join Date: Aug 2009 Location: The Central Coast of California Device: Kobo Libra2,Kobo Aura2v1, K4NT(Fixed: New Bat.), Galaxy Tab A	make that body tbody if you only want it to be used inside the table. Calibre has a note that the font-family name should match what is coded Internaly in the font for best compatibility. font-family: "TeXGyreCursor"

03-03-2014, 01:46 AM	#4
Toxaris Wizard Posts: 4,520 Karma: 121692313 Join Date: Oct 2009 Location: Heemskerk, NL Device: PRS-T1, Kobo Touch, Kobo Aura	Some reader, I believe also the Nook, will ignore font settings in the body tag.

03-03-2014, 12:38 PM	#8
theducks Well trained by Cats Posts: 31,020 Karma: 60358908 Join Date: Aug 2009 Location: The Central Coast of California Device: Kobo Libra2,Kobo Aura2v1, K4NT(Fixed: New Bat.), Galaxy Tab A	(partial covered in image) Lines 1 and 2 are a possible clue There are 2 fonts embedded? (fonts folder) But they appear to be unused (or coded wrong in the CSS @fonts) 1) filename case must be an exact match 2) Sigil fonts are always coded starting with "../Fonts/ 3) All font-family references to that font must match the @font: Family Name, font-weight, font-style values (you may need up to 4 Fonts (@fonts) to support the combinations of bold and italic in use

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Mini advanced font settings ignored in one book - embedded font?	lordofazeroth	Kobo Reader	4	09-20-2013 02:15 PM
Determine font and font size on incoming epub?	peaceridge	Calibre	4	01-30-2012 03:35 PM
Font help for newbie? (902)	bueymo	PocketBook	11	04-19-2011 09:29 PM
ttc font file can't be put into font folder	droople	Sigil	2	08-21-2010 10:05 AM
feed to lrf, how do I change font (or have default font)	lovemov	Calibre	3	03-16-2009 10:57 PM

Advert

Advert