CSS not working (specifically bold & font size)

kaonevar · 10-04-2014, 07:54 PM

I've got a <p> with the class being p1. I have the following CSS for it:

p.p1 {
margin: 0 0 0 0;
text-indent: 3em;
font-family: "FELIXTI";
font-size: 100%;
min-height: 16px;
text-align: left;
font-weight: 900;
}

The text inside the p1 says Chapter One, but is showing up in normal font weight and normal size. I even went into the file itself and wrapped it in <strong> tags to see if that would do it and nada. It is ignoring that CSS. It has accepted the font family, but that's about all.

Am I missing something?
Thanks,
Raven

kaonevar · 10-04-2014, 07:55 PM

Also, I know the font family can be bold because in Word and Acrobat Pro and Photoshop, I've made it bold. Not sure why it's not working in the ePub book I'm editing in Calibre.

JSWolf · 10-04-2014, 08:16 PM

Did you embed a bold version of that font?

theducks · 10-04-2014, 08:20 PM

I see no font-weight: bold; in p.p1

I see no

@font {
font-family: "FELIXTI";
font-weight: bold; ...

kaonevar · 10-04-2014, 08:30 PM

JSWolf, I didn't. I didn't see a bold version of it. Just the normal. Yet I was able to bold it inside three other software programs...

theducks--
font-weight: 900; is as bold as it gets. In CSS, you can do bold or you can set a range of boldness based on numbers 100-900 according to the W3 standard.

PeterT · 10-04-2014, 08:36 PM

Maybe actually posting a complete test ePub that shows this issue would be an idea, including the font, and all the CSS.

kaonevar · 10-04-2014, 08:42 PM

I may do that, though I suspect that JSWolf is on to something.

I know that Photoshop and some other programs can make letters bold without a bold font. I'm thinking that Felix Tilting ttf, not having a bold font version, is thus not able to be bolded in ebooks. I know most fonts are tricky enough as it is in non-Kindle-Fire readers anyway.

JSWolf · 10-04-2014, 08:54 PM

ADE does not bold the normal font if a bold version does not exist. Also, font weight in ADE does not work off of numbers to change the weight. It's either bold or normal and the fonts defined (or default) define the weight. You'll need to use bold or normal and not 900. And you'll also need to have a bold font embedded. If that font you are using doesn't have a bold version, you will have to scrap it and find a different font family to use.

kaonevar · 10-04-2014, 09:11 PM

Quote:

Originally Posted by JSWolf

ADE does not bold the normal font if a bold version does not exist. Also, font weight in ADE does not work off of numbers to change the weight. It's either bold or normal and the fonts defined (or default) define the weight. You'll need to use bold or normal and not 900. And you'll also need to have a bold font embedded. If that font you are using doesn't have a bold version, you will have to scrap it and find a different font family to use.

That's what I suspected.
Thank you for your explanation!

And thanks everyone for the help.

BetterRed · 10-04-2014, 09:15 PM

FWIW - If you are using Windows look at the Control Panel->Fonts that'll tell you what you have for each typeface, Linux and OS/X will have something similar - I think.

BR

kaonevar · 10-10-2014, 12:47 AM

Quote:

Originally Posted by BetterRed

FWIW - If you are using Windows look at the Control Panel->Fonts that'll tell you what you have for each typeface, Linux and OS/X will have something similar - I think.

BR

*nods*
I already had to do that to embed the fonts in the eBook in Calibre, but thanks for trying.

10-04-2014, 07:54 PM	#1
kaonevar Junior Member Posts: 6 Karma: 10 Join Date: Oct 2014 Location: Seattle, WA Device: All	CSS not working (specifically bold & font size) I've got a <p> with the class being p1. I have the following CSS for it: p.p1 { margin: 0 0 0 0; text-indent: 3em; font-family: "FELIXTI"; font-size: 100%; min-height: 16px; text-align: left; font-weight: 900; } The text inside the p1 says Chapter One, but is showing up in normal font weight and normal size. I even went into the file itself and wrapped it in <strong> tags to see if that would do it and nada. It is ignoring that CSS. It has accepted the font family, but that's about all. Am I missing something? Thanks, Raven

10-04-2014, 09:15 PM	#10
BetterRed null operator (he/him) Posts: 21,662 Karma: 29711016 Join Date: Mar 2012 Location: Sydney Australia Device: none	FWIW - If you are using Windows look at the Control Panel->Fonts that'll tell you what you have for each typeface, Linux and OS/X will have something similar - I think. BR Attached Thumbnails

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
can't reduce font size of headline using extra css	scissors	Recipes	5	12-23-2013 03:45 AM
Formatting sgc-toc.css font-size	phossler	Sigil	13	09-07-2013 12:37 PM
How to change the font-size in the body tag in css?	naisren	Conversion	2	10-01-2012 05:52 PM
Calibre has no choice on font size unit in css?	naisren	ePub	6	09-30-2012 09:41 AM
CSS override working for font, not dd indent	FlaSheridn	Calibre	3	10-31-2010 03:06 PM

10-04-2014, 07:55 PM	#2
kaonevar Junior Member Posts: 6 Karma: 10 Join Date: Oct 2014 Location: Seattle, WA Device: All	Also, I know the font family can be bold because in Word and Acrobat Pro and Photoshop, I've made it bold. Not sure why it's not working in the ePub book I'm editing in Calibre.

10-04-2014, 08:16 PM	#3
JSWolf Resident Curmudgeon Posts: 79,441 Karma: 145491800 Join Date: Nov 2006 Location: Roslindale, Massachusetts Device: Kobo Libra 2, Kobo Aura H2O, PRS-650, PRS-T1, nook STR, PW3	Did you embed a bold version of that font?

10-04-2014, 08:20 PM	#4
theducks Well trained by Cats Posts: 30,944 Karma: 60358908 Join Date: Aug 2009 Location: The Central Coast of California Device: Kobo Libra2,Kobo Aura2v1, K4NT(Fixed: New Bat.), Galaxy Tab A	I see no font-weight: bold; in p.p1 I see no @font { font-family: "FELIXTI"; font-weight: bold; ...

10-04-2014, 08:30 PM	#5
kaonevar Junior Member Posts: 6 Karma: 10 Join Date: Oct 2014 Location: Seattle, WA Device: All	JSWolf, I didn't. I didn't see a bold version of it. Just the normal. Yet I was able to bold it inside three other software programs... theducks-- font-weight: 900; is as bold as it gets. In CSS, you can do bold or you can set a range of boldness based on numbers 100-900 according to the W3 standard.

10-04-2014, 08:36 PM	#6
PeterT Grand Sorcerer Posts: 13,379 Karma: 78877538 Join Date: Nov 2007 Location: Toronto Device: Libra H2O, Libra Colour	Maybe actually posting a complete test ePub that shows this issue would be an idea, including the font, and all the CSS.

10-04-2014, 08:42 PM	#7
kaonevar Junior Member Posts: 6 Karma: 10 Join Date: Oct 2014 Location: Seattle, WA Device: All	I may do that, though I suspect that JSWolf is on to something. I know that Photoshop and some other programs can make letters bold without a bold font. I'm thinking that Felix Tilting ttf, not having a bold font version, is thus not able to be bolded in ebooks. I know most fonts are tricky enough as it is in non-Kindle-Fire readers anyway.

10-04-2014, 08:54 PM	#8
JSWolf Resident Curmudgeon Posts: 79,441 Karma: 145491800 Join Date: Nov 2006 Location: Roslindale, Massachusetts Device: Kobo Libra 2, Kobo Aura H2O, PRS-650, PRS-T1, nook STR, PW3	ADE does not bold the normal font if a bold version does not exist. Also, font weight in ADE does not work off of numbers to change the weight. It's either bold or normal and the fonts defined (or default) define the weight. You'll need to use bold or normal and not 900. And you'll also need to have a bold font embedded. If that font you are using doesn't have a bold version, you will have to scrap it and find a different font family to use.

Advert

Advert