Thanks for your help.
Spoiler:
The original is using relative font sizes.
The styles are definitely different. There are 9 style sheets in the original EPUB. In the AZW there are only 3. Many of these rules are duplicated for some reason in the 9 files.
However, the concern is that the values are different.
this I the .sh class from the original EPUB:
.sh {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif !important;
font-size: 0.95em;
line-height: 1em;
text-align: left;
margin-top: 0.5em;
margin-right: 2em;
margin-bottom: 0.7em;
margin-left: 1em;
}
This is .sh class from the AZW file:
.sh {
display: block;
font-family: "Arial", Helvetica, sans-serif;
font-size: 1em;
height: auto;
line-height: 1.2;
orphans: 2;
padding-left: 1em;
padding-right: 1em;
text-align: left;
widows: 2;
width: auto;
margin: 0.5em 0
}
Just from this one tag, you can see that the font family is changed. The sizes were rounded, etc. The important indicator is completely ignored.
Here is the default style sheet for the original EPUB:
body { margin-left: 5%; margin-right: 5%; margin-top: 5%; margin-bottom: 5%; text-align: left; }
h1 { text-align: center; }
h2 { text-align: center; }
h3 { text-align: center; }
h4 { text-align: center; }
h5 { text-align: center; }
h6 { text-align: center; }
p { font-size: small;
orphans: 2;
windows: 2;
}
p.pagenavnum {
font-size: large;
}
.s1 {
font-family: "Times New Roman";
font-size: 0.9em;
line-height: 1.2em;
text-align: left;
margin: 0.20em 0em 0.50em 0em;
}
.sa {
font-family: "Times New Roman", Times, serif !important;
font-size: 0.95em;
line-height: 1.15em;
text-align: left;
margin: 0.20em 0em 0.50em 0em;
}
.sb {
font-family: "Times New Roman", Times, serif;
font-size: 0.9em;
line-height: 1.2em;
text-indent: 0.50em;
text-align: left;
margin: 0 0 0.5em 0;
}
p.sc {
font-family: "Arial", Helvetica, sans-serif;
font-size: 0.85em !important;
line-height: 1.2em !important;
text-align: left;
margin: 0.1em 0 0 0;
}
p.s0 {
display: none;
}
.sd {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif !important;
font-size: 0.85em;
line-height: normal;
margin: 0em 0em 0.5em 0em;
text-align: right;
}
p.se {
font-family: "Arial";
font-size: 1em; !important;
line-height: 100% !important;
text-align: left;
margin-top: .5em;
margin-right: 0em;
margin-bottom: 0em;
margin-left: 0em;
}
p.s9 {
display: none;
}
.sf {
font-family: "Times New Roman", Times, serif;
font-size: 0.85em;
line-height: 1.2em;
text-align: left;
margin: 1em 0em 1em 0em;
}
.sg {
font-family: "Times New Roman", Times, serif !important;
font-size: 1.1em;
line-height: 1.15em;
text-align: left;
padding: 0px;
margin-top: 2em;
margin-right: 0;
margin-bottom: 0em;
margin-left: 0;
}
.sh {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif !important;
font-size: 0.95em;
line-height: 1em;
text-align: left;
margin-top: 0.5em;
margin-right: 2em;
margin-bottom: 0.7em;
margin-left: 1em;
}
.si {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 0.8em;
line-height: 1.2em;
margin: 1em 0 1em 0;
padding: 0 1.5em 0 1.5em;
}
.sj {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif !important;
font-size: 0.85em;
line-height: 1.2em;
margin-top: 0.5em;
margin-right: 0;
margin-bottom: 0em;
margin-left: 0;
padding-top: 0em;
padding-right: 1.5em;
padding-bottom: 1em;
padding-left: 1.5em;
}
.sk {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 0.8em;
line-height: 1em;
margin: 0.3em 0 0.3em 0;
padding-left: 1.5em;
}
.sl {
margin: 0.3em 0 0.2em 0;
padding-left: 2.5em;
text-indent: -2.5em;
}
.sm {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 0.8em;
line-height: 1em;
text-indent: 1em;
margin: 0em 0 2.5em 0;
}
.sn {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 0.8em;
margin: 1em 0 1em 0;
padding-left: 1.5em;
}
.so {
font-family: "Arial", Helvetica, sans-serif !important;
font-size: 0.75em;
line-height: 1.2em;
text-align: left;
margin: 1em 0em 0em 0em;
}
.sp {
font-family: "Times New Roman", Times, serif !important;
font-size: 0.95em;
margin-top: 0.3em;
margin-right: 1.15em;
margin-bottom: 1.5em;
margin-left: 0;
padding-top: 0;
padding-right: 1em;
padding-bottom: 0;
padding-left: 1em;
}
p.sq {
font-family: "Arial";
font-size: 0.79em;
line-height: 1.11em;
text-align: left;
margin: 0em 0em 0.22em 0em;
color: #1f9c0a;
}
.sr {
font-family: "Arial", Helvetica, sans-serif !important;
font-weight: bold;
font-size: 0.75em;
text-align: center;
border-bottom-width: 1px;
border-bottom-color: #e9ebbd;
border-bottom-style: solid;
text-transform: uppercase;
letter-spacing: 0.3em;
line-height: 1.5em;
margin: 0 0 2em 0;
}
.ss {
font-family: "Arial", Helvetica, sans-serif !important;
font-size: 0.95em;
line-height: normal;
font-variant: normal;
text-align: center;
margin: 1.5em 0 0 0;
}
.st {
font-family: "Arial", Helvetica, sans-serif !important;
font-size: 1.25em;
text-align: center;
line-height: 1.1em;
margin: 0.5em 0 0.75em 0;
-webkit-hyphens:none;
}
.su {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif !important;
text-align: center;
font-size: 1.2em;
margin: -0.5em 0 0.5em 0;
}
.sv {
font-family: "Times New Roman", Times, serif !important;
font-size: 0.95em;
line-height: 1em;
font-variant: normal;
text-align: center;
margin: 1em 0 0.5em 0;
}
.sw {
font-size: 0.8em;
font-style: italic;
text-align: center;
}
.sx {
font-family: "Times New Roman", Times, serif !important;
font-size: 0.95em;
line-height: 1em;
font-variant: normal;
text-align: center;
margin: 1em 0 0.5em 0;
}
.sy {
font-family: "Times New Roman", Times, serif !important;
font-size: 0.95em;
line-height: 1em;
font-variant: normal;
text-align: center;
margin: 1em 0 0.5em 0;
}
.sz {
margin: 0.2em 0 0.3em 0;
padding-left: 2.5em;
text-indent: -0.5em;
}
p.question {
font-family: "Arial";
font-size: 0.79em;
line-height: 1.11em;
text-align: left;
margin: 0em 0em 0.22em 0em;
color: #1f9c0a;
}
.CI { text-align: center; margin-top: 0px; margin-bottom: 0px; padding: 0px; }
.center { text-align: center; }
.smcap { font-variant: small-caps; }
.u { text-decoration: underline; }
.bold { font-weight: bold;
}
div.north_left { width: 50% !important;
float: right;
margin: 0 0 2em 0 !important;
line-height: 1.20em !important;
display: inline-block;
}
div.north_center { width: 100% !important;
float: right;
margin: 0 0 2em 0 !important;
line-height: 1.20em !important;
display: inline-block;
}
div.north_right { width: 50% !important;
float: right;
margin: 0 0 2em 0 !important;
line-height: 1.20em !important;
display: inline-block;
}
div.south_left { width: 50% !important;
float: right;
margin: 2em 0 0 0 !important;
line-height: 1.20em !important;
display: inline-block;
}
div.south_center { width: 100% !important;
float: right;
margin: 2em 0 0 0 !important;
line-height: 1.20em !important;
display: inline-block;
}
div.south_right { width: 50% !important;
float: right;
margin: 2em 0 0 0 !important;
line-height: 1.20em !important;
display: inline-block;
}
div.west_left { width: 50% !important;
float: left;
margin: .2em 1em 0 0 !important;
line-height: 1.20em !important;
display: inline-block;
}
div.west_center { width: 50% !important;
float: left;
margin: .2em 1em 0 0 !important;
line-height: 1.20em !important;
display: inline-block;
}
div.west_right { width: 50% !important;
float: left;
margin: .2em 1em 0 0 !important;
line-height: 1.20em !important;
display: inline-block;
}
div.east_left { width: 50% !important;
float: right;
margin: .2em 0 0 1em !important;
line-height: 1.20em !important;
display: inline-block;
}
div.east_center { width: 50% !important;
float: right;
margin: .2em 0 0 1em !important;
line-height: 1.20em !important;
display: inline-block;
}
div.east_right { width: 50% !important;
float: right;
margin: .2em 0 0 1em !important;
line-height: 1.20em !important;
display: inline-block;
}
img { width: 100% !important;
verticle-align: text-top;
}
p.caption {
font-family: Arial;
font-size: 0.75em !important;
line-height: 1.2em !important;
margin: 0em 0em 0.80em 0em;
text-align: left;
}
a:link {color:#00F;}
a:visited {color:#90F;text-decoration: none;}
a:hover {color:#06F;text-decoration: none;}
a:active {color:yellow;}
Here is the AZW style sheet:
.afterparimg {
display: block
}
.calibre {
display: block;
font-size: 1.29167em;
line-height: 1.2;
padding-left: 0;
padding-right: 0;
text-align: justify;
margin: 0 5pt
}
.calibre1 {
font-weight: bold
}
.calibre2 {
font-style: italic
}
.calibre3 {
display: block;
font-size: 1.29167em;
line-height: 1.2;
padding-left: 0;
padding-right: 0;
text-align: left;
margin: 0 5pt
}
.calibre4 {
font-weight: bold;
line-height: 1.2
}
.calibre5 {
line-height: 1.2
}
.calibre6 {
font-size: 0.48387em;
line-height: 1.2;
vertical-align: super
}
.calibre7 {
display: block;
font-size: 0.77419em;
orphans: 2;
windows: 2;
margin: 1em 0
}
.calibre8 {
font-size: 0.75em;
line-height: 1.2;
vertical-align: super
}
.caption {
display: block;
font-family: Arial;
font-size: 0.77419em;
line-height: 1.2;
orphans: 2;
text-align: left;
widows: 2;
margin: 0 0 0.8em
}
.caption1 {
display: block;
font-family: "Arial", Helvetica, sans-serif;
font-size: 0.77419em;
line-height: 1.2;
orphans: 2;
text-align: left;
widows: 2;
margin: 0 0 0.8em
}
.caption2 {
display: block;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.77419em;
line-height: 1.2;
orphans: 2;
text-align: left;
widows: 2;
margin: 0 0 0.8em
}
.caption3 {
color: #c0840b;
display: block;
font-family: Arial;
font-size: 0.77419em;
font-variant: small;
font-weight: bold;
line-height: 1.2;
orphans: 2;
text-align: left;
widows: 2;
margin: 0.5em 0 1em
}
.east_center {
display: inline-block;
float: right;
line-height: 1.2em;
width: 30%;
margin: 0.2em 0 0 1em
}
.east_right {
display: inline-block;
float: right;
line-height: 1.2em;
width: 50%;
margin: 0.2em 0 0 1em
}
.north_center {
display: inline-block;
line-height: 1.2em;
border-top: #e9ebbd solid 4px
}
.north_center1 {
height: auto;
text-align: center;
vertical-align: text-top;
width: 100%;
padding: 0;
margin: 0
}
.north_right {
display: inline-block;
float: right;
line-height: 1.2em;
width: 100%;
margin: 0 0 2em
}
.pagenavnum {
display: block;
font-size: 1em;
line-height: 1.2;
orphans: 2;
windows: 2;
margin: 1em 0
}
.question {
color: #1f9c0a;
display: block;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.77419em;
line-height: 1.2;
orphans: 2;
text-align: left;
widows: 2;
margin: 0 0 0.22em
}
.s {
display: none;
font-size: 0.77419em;
orphans: 2;
widows: 2;
margin: 1em 0
}
.s1 {
display: block;
font-family: "Times New Roman", Times, serif;
font-size: 1em;
line-height: 1.2;
orphans: 2;
text-align: left;
widows: 2;
margin: 0 0 0.5em
}
.sa {
display: block;
font-family: "Arial", Helvetica, sans-serif;
font-size: 0.77419em;
font-weight: bold;
orphans: 2;
text-align: left;
widows: 2;
margin: 0.5em 0
}
.sb {
display: block;
font-family: "Times New Roman";
font-size: 1em;
line-height: 1.2;
orphans: 2;
text-align: left;
text-indent: 0.5em;
widows: 2;
margin: 0.2em 0 0.5em
}
.sb1 {
display: block;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.77419em;
line-height: 1.2;
orphans: 2;
text-align: center;
widows: 2;
margin: 0
}
.sb2 {
display: block;
font-family: "Arial", Helvetica, sans-serif;
font-size: 1em;
line-height: 1.2;
orphans: 2;
text-align: left;
text-indent: 0.5em;
widows: 2;
margin: 0 0 0.5em
}
.sb3 {
display: block;
font-family: "Times New Roman", Times, serif;
font-size: 1em;
line-height: 1.2;
orphans: 2;
text-align: left;
text-indent: 0.5em;
widows: 2;
margin: 0 0 0.5em
}
.sb4 {
display: block;
font-family: "Times New Roman", Times, serif;
font-size: 1em;
font-style: italic;
line-height: 1.2;
orphans: 2;
text-align: left;
text-indent: 0.5em;
widows: 2;
margin: 0.2em 0 0.5em
}
.sc {
display: block;
font-family: "Arial", Helvetica, sans-serif;
font-size: 0.77419em;
line-height: 1.2;
orphans: 2;
text-align: left;
widows: 2;
margin: 0.1em 0 0
}
.se {
display: block;
font-family: "Arial", Helvetica, sans-serif;
font-size: 0.77419em;
line-height: 1.2;
orphans: 2;
text-align: left;
widows: 2;
margin: 1em 0 0
}
.se1 {
display: block;
font-family: "Arial", Helvetica, sans-serif;
font-size: 0.77419em;
line-height: 1.2;
orphans: 2;
text-align: left;
widows: 2;
margin: 1.4em 0 0
}
.sf {
display: block;
font-family: "Times New Roman", Times, serif;
font-size: 0.77419em;
line-height: 1.2;
orphans: 2;
text-align: left;
widows: 2;
margin: 0.89em 0 0.22em 1em
}
.sg {
-webkit-hyphens: none;
background-color: #dedada;
display: block;
font-family: "Arial", Helvetica, sans-serif;
font-size: 0.77419em;
line-height: 1.2;
orphans: 2;
text-align: left;
widows: 2;
padding: 0.4em 0.3em 0.3em 0.5em;
margin: 0.5em 0 0.3em;
border-left: #bbb9b9 solid 1em
}
.sh {
display: block;
font-family: "Arial", Helvetica, sans-serif;
font-size: 1em;
height: auto;
line-height: 1.2;
orphans: 2;
padding-left: 1em;
padding-right: 1em;
text-align: left;
widows: 2;
width: auto;
margin: 0.5em 0
}
.si {
display: block;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.77419em;
orphans: 2;
text-align: center;
widows: 2;
margin: 0
}
.si1 {
display: block;
font-family: "Arial";
font-size: 1em;
height: auto;
line-height: 1.2;
orphans: 2;
padding-left: 1em;
padding-right: 1em;
text-align: left;
text-indent: -1em;
widows: 2;
width: auto;
margin: 0.89em 0 0.22em 1.5em
}
.sj {
display: block;
font-family: "Arial", Helvetica, sans-serif;
font-size: 1em;
line-height: 1.2;
orphans: 2;
text-align: center;
widows: 2;
margin: 1.5em 0 1em
}
.sm {
display: block;
font-size: 0.77419em;
orphans: 2;
widows: 2;
margin: 0.5em 0 0.3em
}
.sm1 {
display: block;
font-family: "Times New Roman";
font-size: 1em;
line-height: 1.2;
orphans: 2;
text-align: left;
widows: 2;
margin: 0.2em 0 0.5em
}
.smcap {
font-variant: small-caps
}
.sn {
display: block;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.77419em;
orphans: 2;
text-align: center;
widows: 2;
margin: 1em 0 2em
}
.sn1 {
display: block;
font-family: "Arial", Helvetica, sans-serif;
font-size: 1em;
line-height: 1.2;
orphans: 2;
text-align: left;
widows: 2;
margin: 0.5em 0
}
.south_center {
display: inline-block;
float: right;
line-height: 1.2em;
width: 100%;
margin: 2em 0 0
}
.south_center1 {
height: auto;
verticle-align: text-top;
width: 100%
}
.south_center2 {
display: block;
line-height: 1.2em;
text-align: center;
width: 100%;
margin: 1em 0
}
.sr {
color: #000;
display: block;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.77419em;
line-height: 1.2;
orphans: 2;
text-align: center;
widows: 2;
margin: 0 0 2em
}
.sr1 {
color: #000;
display: block;
font-family: "Arial";
font-size: 1em;
font-style: normal;
font-weight: bold;
line-height: 1.2;
orphans: 2;
text-align: center;
widows: 2;
margin: 0.17em 0 0.75em
}
.sr2 {
display: block;
font-family: "Arial", Helvetica, sans-serif;
font-size: 0.77419em;
font-weight: bold;
letter-spacing: 0.3em;
line-height: 1.2;
orphans: 2;
text-align: left;
text-transform: uppercase;
widows: 2;
margin: 2em 0;
border-bottom: #e9ebbd solid 1px
}
.sr3 {
display: block;
font-family: "Arial", Helvetica, sans-serif;
font-size: 0.77419em;
font-weight: bold;
letter-spacing: 0.3em;
line-height: 1.2;
orphans: 2;
text-align: center;
text-transform: uppercase;
widows: 2;
margin: 2em 0;
border-bottom: #e9ebbd solid 1px
}
.sr4 {
display: block;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.77419em;
font-weight: bold;
letter-spacing: 0.25em;
line-height: 1.2;
orphans: 2;
text-align: center;
text-transform: uppercase;
widows: 2;
margin: 0
}
.ss {
display: none;
font-family: Arial;
font-size: 1em;
font-variant: normal;
line-height: 1.2;
orphans: 2;
text-align: center;
widows: 2;
margin: 1.5em 0 0.3em
}
.ss1 {
display: block;
font-family: "Arial", Helvetica, sans-serif;
font-size: 0.77419em;
font-variant: normal;
line-height: 1.2;
orphans: 2;
text-align: left;
widows: 2;
margin: 1em 0 0.3em
}
.ss2 {
display: block;
font-family: "Arial", Helvetica, sans-serif;
font-size: 1em;
font-variant: normal;
line-height: 1.2;
orphans: 2;
page-break-after: avoid;
text-align: left;
widows: 2;
margin: 1.5em 0 0.3em
}
.st {
color: #000;
display: none;
font-family: "Arial";
font-size: 1em;
font-style: normal;
font-weight: bold;
line-height: 1.2;
orphans: 2;
text-align: center;
widows: 2;
margin: 0.17em 0 0.75em
}
.st1 {
-webkit-hyphens: none;
display: block;
font-family: "Arial", Helvetica, sans-serif;
font-size: 1.29032em;
line-height: 1.2;
orphans: 2;
text-align: center;
widows: 2;
margin: 0.5em 0 1.5em
}
.st2 {
-webkit-hyphens: none;
display: block;
font-family: "Arial", Helvetica, sans-serif;
font-size: 1.29032em;
line-height: 1.2;
orphans: 2;
text-align: center;
widows: 2;
margin: 0.36em 0 1em
}
.st3 {
-webkit-hyphens: none;
display: block;
font-family: "Arial", Helvetica, sans-serif;
font-size: 1.29032em;
line-height: 1.2;
orphans: 2;
text-align: center;
widows: 2;
margin: 0.36em 0 0.34em
}
.st4 {
-webkit-hyphens: none;
display: block;
font-family: "Times New Roman", Times, serif;
font-size: 1em;
font-weight: bold;
line-height: 1.2;
orphans: 2;
text-align: center;
text-transform: uppercase;
widows: 2;
margin: 0.9em 0 0.3em
}
.st5 {
-webkit-hyphens: none;
display: block;
font-family: "Arial", Helvetica, sans-serif;
font-size: 0.77419em;
font-weight: bold;
letter-spacing: 0.3em;
line-height: 1.2;
orphans: 2;
text-align: center;
text-transform: uppercase;
widows: 2;
margin: 2em 0;
border-bottom: #e9ebbd solid 1px
}
.su {
display: block;
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
font-style: italic;
line-height: 1.2;
orphans: 2;
text-align: center;
widows: 2;
margin: 0 0 0.5em
}
.su1 {
display: block;
font-family: "Times New Roman", Times, serif;
font-size: 1em;
line-height: 1.2;
orphans: 2;
text-align: center;
widows: 2;
margin: 0 0 0.67em
}
.sv {
display: block;
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
font-style: normal;
font-weight: bold;
line-height: 1.2;
orphans: 2;
text-align: center;
widows: 2;
margin: 0 0 2em
}
.sx {
display: block;
font-family: "Arial", Helvetica, sans-serif;
font-size: 1em;
line-height: 1.2;
orphans: 2;
text-align: left;
widows: 2;
margin: 0.2em 0 0.5em
}
.tag {
-webkit-column-break-inside: avoid;
background-color: #f3f3f5;
display: block;
margin-bottom: 2em;
padding-bottom: 0.5em;
page-break-inside: avoid
}
.pcalibre2:visited {
color: #90F;
text-decoration: none
}
.pcalibre6:visited {
color: #0C0
}
.pcalibre3:link {
color: #00F
}
.pcalibre4:link {
color: #00F;
text-decoration: none
}
.pcalibre7:link {
color: #00E
}
.pcalibre5:hover {
color: red
}
.pcalibre:hover {
color: #06F;
text-decoration: none
}
.pcalibre1:active {
color: yellow
}