When @font-face is in external css, it is not embedded correctly.
I tried to make the examples as simple as possible.
html file 1.html:
css file my.css:
conversion:
output:
The full example is at http://ilyakantor.ru/font.zip.
P.S. Things work if I include CSS in link tag in HTML. Guess extra-css leads to another search algorithm? The font is in the same directory as my.css.
I tried to make the examples as simple as possible.
html file 1.html:
Code:
<div class="font-test">!</div>Code:
@font-face {
font-family: 'FontIcons';
src: url("icons.otf") format('opentype');
font-weight: normal;
font-style: normal;
}
.font-test {
font-family: 'FontIcons';
}Code:
ebook-convert 1.html 1.epub --extra-css=/Users/iliakan/font/my.css --embed-all-fonts -vvCode:
...
Failed to find fonts for family: FontIcons not embeddingP.S. Things work if I include CSS in link tag in HTML. Guess extra-css leads to another search algorithm? The font is in the same directory as my.css.