Here is how I do it in Sigil but I have no clue if this works on the Fire HDX. It works well on the PW2. BTW, you can also use negative left/right margins in the CSS to narrow the margins on the PW2. Can they be used on the Fire HDX too?
Code:
@font-face {
font-family: "CharisSILSpecial";
font-weight: normal;
font-style: normal;
src: url("../Fonts/CharisSILBold-Regular.ttf");
}
@font-face {
font-family: "CharisSILSpecial";
font-weight: normal;
font-style: italic;
src: url("../Fonts/CharisSILBold-Italic.ttf");
}
@font-face {
font-family: "CharisSILSpecial";
font-weight: bold;
font-style: normal;
src: url("../Fonts/CharisSILBold-Bold.ttf");
}
@font-face {
font-family: "CharisSILSpecial";
font-weight: bold;
font-style: italic;
src: url("../Fonts/CharisSILBold-BoldItalic.ttf");
}
body { font-family: CharisSILSpecial }