|
It is hard to tell exactly what your problem is from the description. Also, it is possible that your e-readers do not display embedded fonts until a specific setting is made, as is necessary with Kindles.
Below are the steps I take to successfully embed fonts. Perhaps it will help you...
1) in Edit tool, import .ttf or .otf file previously downloaded from Google Fonts. Calibre will automatically put that file in its Fonts section.
2) in CSS file, add font-face rule. e.g.
@font-face {
font-family: "Lobster";
src: url(../Lobster_1.3.otf);
}
3) add font to rules e.g.
h2 {
font-size: 2em;
font-family: "Lobster", cursive;
color: #8f0bf4;
text-shadow: 2px 2px 2px #000;
}
|