Many True Type Fonts (TTF) are made up of multiple .TTF files. One file will be for the normal font, while another file is for the Bold version of the Font. For example, the Verdana font that comes with Windows XP consists of four separate files.

The following code shows how to include multiple TTF files into a Flex CSS file.

1. @font-face
2. {
3. src:url("font/verdana.TTF");
4. font-family: EmbeddedVerdana;
5. font-weight: normal;
6. font-style: normal;
7. }
8.  
9. @font-face
10. {
11. src:url("font/verdanab.TTF");
12. font-family: EmbeddedVerdana;
13. font-weight: bold;
14. font-style: normal;
15. }
16.  
17. @font-face
18. {
19. src:url("font/verdanai.TTF");
20. font-family: EmbeddedVerdana;
21. font-weight: normal;
22. font-style: italic;
23. }
24.  
25. @font-face
26. {
27. src:url("font/verdanaz.TTF");
28. font-family: EmbeddedVerdana;
29. font-weight: bold;
30. font-style: italic;
31. }
32.  
33. Application
34. {
35. font-family: EmbeddedVerdana;
36. }
37. Download this code: embed-ttf-font.css

This entry was posted on Friday, January 18th, 2008 at 3:22 pm and is filed under Flex. You can follow any responses to this entry through the RSS 2.0 feed. You can skip to the end and leave a response. Pinging is currently not allowed.