View Single Post
Old 12-19-2022, 10:58 PM   #2
Turtle91
A Hairy Wizard
Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.
 
Turtle91's Avatar
 
Posts: 3,361
Karma: 20212223
Join Date: Dec 2012
Location: Charleston, SC today
Device: iPhone 15/11/X/6/iPad 1,2,Air & Air Pro/Surface Pro/Kindle PW & Fire
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:
Code:
@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:

Code:
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:

Code:
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.
Turtle91 is offline   Reply With Quote