Quote:
Originally Posted by jackie_w
I use code similar to this all the time. It does work. Are you sure you've actually tried it?
|
I've done some more testing and I've found out what is going on.
CSS
Code:
p {
margin-top: 0;
margin-left: 0;
margin-right: 0;
margin-left: 0;
text-indent: 1.2em
}
.small {
font-size: 20pt;
}
.text {
font-size: 2em;
}
.f1em {
font-size: 1em;
}
.f2em {
font-size: 2em;
}
.f3em {
font-size: 3em;
}
.f4em {
font-size: 4em;
}
.f5em {
font-size: 5em;
}
.f6em {
font-size: 6em;
}
XML
Code:
<?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>Kobo Font Size Test</title>
<link href="../Styles/Style0001.css" rel="stylesheet" type="text/css" />
</head>
<body>
<p>Some text. S<span class="small">OME</span> T<span class="small">EXT</span>. Some <span class="text">more</span> text.</p>
<p>Some text. S<span class="small">OME</span> T<span class="small">EXT</span>. Some <span class="f1em">more</span> text.</p>
<p>Some text. S<span class="small">OME</span> T<span class="small">EXT</span>. Some <span class="f2em">more</span> text.</p>
<p>Some text. S<span class="small">OME</span> T<span class="small">EXT</span>. Some <span class="f3em">more</span> text.</p>
<p>Some text. S<span class="small">OME</span> T<span class="small">EXT</span>. Some <span class="f4em">more</span> text.</p>
<p>Some text. S<span class="small">OME</span> T<span class="small">EXT</span>. Some <span class="f5em">more</span> text.</p>
<p>Some text. S<span class="small">OME</span> T<span class="small">EXT</span>. Some <span class="f6em">more</span> text.</p>
<p class="f2em">some text. S<span class="small">OME</span> T<span class="small">EXT</span>. Some <span class="f6em">more</span> text.</p>
<p class="f3em">some text. S<span class="small">OME</span> T<span class="small">EXT</span>. Some <span class="f6em">more</span> text.</p>
</body>
</html>
Now, the span's with the size set as em work fine. Font sizes using pt or px do not work. Hence why SOME TEXT is all the same size as Some text.