I never set the base font size. I looked at the CSS and I actually use Arial Narrow Bold for the text. 90% of the time I read in small font size but when I was experimenting with different fonts I checked to make sure they where readable in all the sizes. The few times I use XS I find the Arial NB easy to read unlike the other bold fonts I have tried. They usually are ok in S but become to blocky in XS. I think this was the problem with Arial Bold too.
The CSS is pretty much the same as yours:
@font-face {
font-family: "Arial";
font-weight: normal;
font-style: normal;
src: url(res:///Data/fonts/ARIALNB.ttf);
}
@font-face {
font-family: "Arial";
font-weight: bold;
font-style: normal;
src: url(res:///Data/fonts/arialbd.ttf);
}
@font-face {
font-family: "Arial";
font-weight: normal;
font-style: italic;
src: url(res:///Data/fonts/ARIALNBI.ttf);
}
@font-face {
font-family: "Arial";
font-weight: bold;
font-style: italic;
src: url(res:///Data/fonts/arialbi.ttf);
}
body {
font-family: "Arial";
}
|