Adding Fonts to an xhtml page
Found Sigil a nice piece of software, now to get a bit busier as I need to add two separate fonts to an epub file or Sigil xhtml pages.
I know the declaration is
@font-face {
font-family: "name";
src: url(fonts/name.ttf);
}
I know to make sure I have the fonts loaded in the folder. But if I have all the chapter titles baskerville and the paragraph font century gothic for all the pages do I simply add two declarations with the different font names in EACH xhtml page?
To make it a bit easier how would the following code look like with
Hello ( font is baskerville)
goodbye (font is century gothic)
Below is what I have now I guess the sgc1 sgc2 is the default font in Sigil?
So the new font would have its own <div class>?
<body>
<div>
<div class="sgc-1 sgc-2">
Hello
</div>
<div>
<div class="sgc-2">
Goodbye
</div>
|