View Single Post
Old 12-28-2022, 03:01 PM   #17
butterfly68za
Member
butterfly68za knows what is on the back of the AURYN.butterfly68za knows what is on the back of the AURYN.butterfly68za knows what is on the back of the AURYN.butterfly68za knows what is on the back of the AURYN.butterfly68za knows what is on the back of the AURYN.butterfly68za knows what is on the back of the AURYN.butterfly68za knows what is on the back of the AURYN.butterfly68za knows what is on the back of the AURYN.butterfly68za knows what is on the back of the AURYN.butterfly68za knows what is on the back of the AURYN.butterfly68za knows what is on the back of the AURYN.
 
butterfly68za's Avatar
 
Posts: 16
Karma: 9714
Join Date: Dec 2022
Location: Pretoria, South Africa
Device: Android Mobile (Moon Reader+, PocketBook), Kindle 3
I am also struggling to get Sigil to load my embedded font, I've gone through numerous forums but do not find my fault. I bet its something simple:

content.opf
Code:
<item id="stylesheet.css" href="Styles/stylesheet.css" media-type="text/css"/>
<item id="PCSB-Hebrew.otf" href="Fonts/PCSB-Hebrew.otf" media-type="font/otf"/>
stylesheet.css
Code:
@font-face {
  font-family: "PCSB Hebrew";
  font-style: normal;
  font-weight: normal;
  src: url(../Fonts/PCSB-Hebrew.otf);
}

span.hebrew {
  font-family: "PCSB Hebrew";
  font-style: normal;
  font-weight: normal;
}
file
Code:
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml" xmlns:epub="http://www.idpf.org/2007/ops">
<head>
  <title>The Book</title>
  <link href="stylesheet.css" rel="stylesheet" type="text/css"/>
</head>

<body>
  <h1>The Book</h1>
  <p>The first word "<span class="hebrew">Hyfgt</span>" in the book...</p>
</body>
</html>
I just can not see the font when opening in a eReader.

Last edited by butterfly68za; 12-28-2022 at 03:04 PM.
butterfly68za is offline   Reply With Quote