Text Colour

[AlexH2021]

Would I be right in saying that not all E-reader software can handle text colour?

I am creating a epub and want to highlight certain text in red, as it gives a standard meaning to the reader.

In Sigil I use this code;

Example - <span style="color:Crimson;"><b><i><u>North British House, Smeaton Road, Kirkcaldy</u></i></b></span>

This gives me red text when i preview it in Sigil

But on my Samsung tablet using AIreader - it's black and using ereader Prestigio- it's black

Regards

Alex

[theducks]

Many reader apps default to the readers style unless you can set Use Publishers" style. Even then, that may be limited.

Consider (which your code did) using underline or Bold (to Emphasize) as that also works in B&W.

The other question: Did you embed a Bold Italic version of the type face (and make the appropriate CSS @fontface entry You may need al 4 font versions)?
The viewers in Sigil and Calibre tolerate a lot of stuff that devices toss as bad.

[DiapDealer]

Unless you can somehow prevent people who use eink devices from reading your book, using colored text to impart meaning is probably not a good idea.

[JSWolf]

One thing to do to highlight that will work well is to use the default sans-serif font for the highlighted text.

.highlight {
  font-family: sans-serif;
}

<p>Hello. <span class="highlight">Here is some highlighted text.</span> Goodbye.</p>

[Tex2002ans]

Originally Posted by AlexH2021

Would I be right in saying that not all E-reader software can handle text colour?

Correct.

And like the others have said:

Don't rely on color alone. Make sure to use alternate methods of emphasis as well.

Originally Posted by AlexH2021

In Sigil I use this code;

Example - <span style="color:Crimson;"><b><i><u>North British House, Smeaton Road, Kirkcaldy</u></i></b></span>

Instead of hardcoding the color+bold+italics+underline every time...

Better to use CSS, like this:

HTML:

<strong class="crimson">North British House, Smeaton Road, Kirkcaldy</strong>

CSS:

strong.crimson {
	color: crimson;
}

This has multiple advantages:

1. The <strong> will still bold text on e-ink (and readers that override CSS).

2. This allows you to easily adjust the look of all the text in a single location—the CSS file.

Like JSWolf said, you might want to use a different font as well:

strong.crimson {
	color: crimson;
	font-family: sans-serif;
}

or you could still do your bold+italics:

strong.crimson {
	color: crimson;
	font-style: italic;
}