I'm embedding a font (Franklin Gothic) via CSS in an application, but
the associated bold font will not embed properly. The italic version
will also embed correctly. In C:\WINDOWS\Fonts the normal font is
listed as "FranklinGotCdITCTT" (filename IT345___.ttf), the italic
font is "FranklinGotCdITC BookItalic" (filename IT347___.ttf), and the
bold font is "FranklinGotCdMdITCTT" (filename IT348___.ttf).
My CSS (which correctly works for just the normal and italic fonts) is:
@font-face {
src: url("assets/IT345___.ttf");
fontFamily: FranklinGothicBook;
}
@font-face {
src: url("assets/IT347___.ttf");
fontFamily: FranklinGothicBook;
fontStyle: italic;
}
All text controls in the application have the font set in the CSS like:
[Class or stylename] {
fontFamily: FranklinGothicBook;
}
and not explicitly setting different fontFamily names since the text
controls are set using the htmlText property so that <i>...</i> and
<b>...</b> tags will control the bolding/italicizing.
When I try to embed the bold font using:
@font-face {
src: url("assets/IT348___.ttf");
fontFamily: FranklinGothicBook;
fontWeight: bold;
}
I get the following compilation error:
--- Error ---
Error: exception during transcoding: Font for alias
'FranklinGothicBook' with bold weight was not found at [path to
IT348___.ttf]
@font-face {
Error: unable to build font 'FranklinGothicBook'
@font-face {
=== Error ===
I tried embedding the Font in a FLA and setting it as a symbol to
embed it, but was unsuccessful. If anyone has an idea on what to do
please let me know, be it doing something to the .ttf to specify that
t is indeed bold, or embedding it via the SWF.