I replaced the fonts using the @font-face css. To make the small size look really nice, I simply used the bold version of the font as my standard and then used the heavy version of the font for my bold (plus you should also add the italic versions of each). Here is my code:
Code:
@font-face {
font-family: "Caecilia";
font-weight: normal;
font-style: normal;
src: url(res:///Data/fonts/CaeciliaLTStd-Bold.otf);
}
@font-face {
font-family: "Caecilia";
font-weight: bold;
font-style: normal;
src: url(res:///Data/fonts/CaeciliaLTStd-Heavy.otf);
}
@font-face {
font-family: "Caecilia";
font-weight: normal;
font-style: italic;
src: url(res:///Data/fonts/CaeciliaLTStd-BoldItalic.otf);
}
@font-face {
font-family: "Caecilia";
font-weight: bold;
font-style: italic;
src: url(res:///Data/fonts/CaeciliaLTStd-HeavyItalic.otf);
}
p {
margin-top: 0pt; margin-bottom:0pt;padding:0pt; text-indent:20pt
}
body {
font-family: "Caecilia", serif;
}
For replacing the fonts on the prs models, I have the instructions that I downloaded from another thread. Here is also a pic of the font at small on my old 505s.