[Turtle91]

Hi aknight2015 - welcome to MR!

For the font, you have to tell the css to use it and where it is located with something like:

@font-face {
    font-family: 'My Italic';
    font-weight: bold;
    font-style: italic;
    src: url('../Fonts/My_Italic_Bold_Italic.ttf');
}

Then you just add it to the font-family declaration like:

h1 {font-family: 'My Italic', serif}

For the image compression, Sigil doesn't compress the image files at all - it only displays them how you have defined them in the CSS. I use something along the lines of this to display my images:

img {max-height:100%; max-width:100%}
div.image {margin:2em}
div.image img {width:100%; max-width:1200px}


<div class="image"><img alt="" src="../Images/yourimage.jpg"/></div>

The max-width is where I put the images actual width in pixels (the images dimensions) to prevent the image from becoming too stretched on large displays.