MobileRead Forums - View Single Post - Using custom embeded font, and improve embedded image quality

Turtle91 · 12-20-2022, 07:22 PM

CSS:

Code:

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

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

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

HTML:

Code:

<h1>Heading Level 1 with your specific font</h1>


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