You know how it is; you spend hours working on the same problem and after a while you just can't see minor differences any more.
BookStyle.css contains (among other things):
Code:
@font-face {
font-family: "neumes"
src: url(../Fonts/neumes-Regular.ttf);
}
@font-face {
font-family: "Tef265";
src: url(../Fonts/tef265.ttf);
}
@font-face {
font-family: "Garamond", Garamond, courier;
src: url(../Fonts/Garamond.ttf);
}
font-family: 300px "Garamond", 300px Garamond, courier;
In each chapter <head> section:
Code:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Micrologus</title>
<link href="../Styles/BookStyle.css" rel="stylesheet" type="text/css"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
</head>
Screenshot showing embedded fonts:
Of the fonts, I have tried both otf (changing the stylesheet to reflect the exact name, upper and lower case) and ttf (ditto) but:
Garamond remains stubbornly Times New Roman and
neumes-Regular remains in the original version instead of the updated version.
Possibly of interest, I have not added neumes-Regular to my system fonts, so it is only accessible from the embedded fonts. Yes, it displays, but it displays an older version, before editing and revising to include further glyphs. And the glyphs that it does display do not reflect more recent changes.