Adding a css page to an e pub

[holdit]

I have a question regarding this subject, I know how to add a stylesheet but in this case I see the default font for this e pub is Times New Roman.

I'm trying to add an underline to certain words and I need to know how to set up the stylesheet as I only know how to do this by adding a different font. Do I still have to add the font and the style to css in the e pub doc in order to see an underline in the default font as I see it in Sigil but do not see it in the published e pub and mobi.

??
thx

[Toxaris]

If you need underline, you can add the following in your stylesheet:

.under {
text-decoration: underline;
}

In your file you need to mark the words you want underlined with for example:

<p>The word <span class="under">underline</span> is underlined.</p>

[theducks]

Originally Posted by holdit

I have a question regarding this subject, I know how to add a stylesheet but in this case I see the default font for this e pub is Times New Roman.

I'm trying to add an underline to certain words and I need to know how to set up the stylesheet as I only know how to do this by adding a different font. Do I still have to add the font and the style to css in the e pub doc in order to see an underline in the default font as I see it in Sigil but do not see it in the published e pub and mobi.

??
thx

Please Show the relevant CSS code you used.

BTW TNR, while fairly common, is a licensed font and may not be distributed without permission. (fairly common: not all devices support this natively)

[holdit]

I went ahead and added the font ZTimes New Roman to the Font folder of the E pub in Sigil. Added a stylesheet and created 3 styles, underline, underline bold and centerBold.

These are now visible in the published e pub and mobi

when I went to validate first I got the msg that "the font is in the manuscript but not used"

so I removed the font from the folder and now it says OEBPS/styles/fonts / timesNewRoman.ttf is reachable but not present in the manifest.

this is true as I deleted it but I was looking for instances of the font mentioned and cannot find anywhere in the e pub.

heres the .css code I used


@font-face {
font-family: Times New Roman;
font-style: normal;
font-weight: normal;
src:url("Fonts/Times New Roman.ttf");
}


p.letterULine {
font-family: "Times New Roman";
font-weight: normal;
font-style: normal;
font-size:1.5em;
line-height: 1.20em;
text-decoration: underline;
font-variant: normal;
text-indent: 0em;
text-align: left;
color: #000000;
margin: 1em 0 0 0;
-webkit-hyphens:none;
}

p.letterULineBold {
font-family: "Times New Roman";
font-weight: bold;
font-style: normal;
font-size:1.5em;
line-height: 1.20em;
text-decoration: underline;
font-variant: normal;
text-indent: 0em;
text-align: left;
color: #000000;
margin: 1em 0 0 0;
-webkit-hyphens:none;
}

p.letterBold {
font-family: "Times New Roman";
font-weight: bold;
font-style: normal;
font-size:1.5em;
line-height: 1.20em;
text-decoration: none;
font-variant: normal;
text-indent: 0em;
text-align: left;
color: #000000;
margin: 1em 0 0 0;
-webkit-hyphens:none;
}

p.letterCenter {
font-family: "Times New Roman";
font-weight: normal;
font-style: normal;
font-size:1.5em;
line-height: 1.20em;
text-decoration: none;
font-variant: normal;
text-indent: 0em;
text-align: center;
color: #000000;
margin: 1em 0 0 0;
-webkit-hyphens:none;
}
span.emphasis {
font-weight: normal;
font-style: normal;
}

[theducks]

Originally Posted by holdit

I went ahead and added the font ZTimes New Roman to the Font folder of the E pub in Sigil. Added a stylesheet and created 3 styles, underline, underline bold and centerBold.

These are now visible in the published e pub and mobi

when I went to validate first I got the msg that "the font is in the manuscript but not used"

so I removed the font from the folder and now it says OEBPS/styles/fonts / timesNewRoman.ttf is reachable but not present in the manifest.

this is true as I deleted it but I was looking for instances of the font mentioned and cannot find anywhere in the e pub.

heres the .css code I used


@font-face {
font-family: Times New Roman;
font-style: normal;
font-weight: normal;
src:url("../Fonts/Times New Roman.ttf");
}

Common Sigil type error

[holdit]

Ok, So do I re add the font to the folder in Sigil? Or disregard the error and publish the file the way it is?

R

[theducks]

Originally Posted by holdit

Ok, So do I re add the font to the folder in Sigil? Or disregard the error and publish the file the way it is?

R

The font is OK
Edit your CSS to include the ../
Everything is relative to the container. that is why you have to back down the trunk to go out on another branch.
Text, Images,Styles,Fonts are all branches

[holdit]

Fixed, thx

R