So my Silverlight ATM looks fine on my machine (win 7) (works on Dev Box certified), as well as my wife’s machine (Vista), but then on a windows XP machine i saw my silverlight app badly formatted. Reminded me of html websites that look good on one browser but not on other. But this is Silverlight, it’s browser and OS agnostic. So what gives?
Ok, if you are coming from Silverlight 3 development like me you will probably fall into this one as well without even knowing it. In Silverlight 3 there were only 9 fonts, and as soon as you select a different font other than the 9 basic fonts then blend would automatically embed them for you. Now in Silverlight 4 Blend doesn’t do that, because now Silverlight can take advantage of system fonts. And that’s what happened to me when i picked Segoe (the new hip font), it didn’t embed and on that xp box it didn’t had that font, hence it broke the formatting. So if you previously tried my ATM app and were stuck at the login page because all you could see was “Hint: the Pin is” (since the default font was bigger than segoe it cut off the actual pin), well, now you can give it another try. This time it reads fully to “Hint the pin is 1234″. Give it a try: http://www.agileitgroup.com/ATM/
Silverlight ATM Demo Application done in Silverlight 4
But what about fonts which are not normally found on systems. I have this funky font I want to use for my Silverlight 4 App.
How do I include it in my app(eerr..rather xap) and make sure that everywhere the website goes, it loads with this font ?
In blend under the properties tab, got to the text properties section. there you should be able to see the a check box for ‘Embed font’. Just check that checkbox for your custom font and it will automatically get embedded.
P.S. I am currently using Blend 4 RC.
Sorry for the REALLY late reply, but I figured it out, I am doing everything with code behind and not using Blend. In that case I just had to use the FontFamily and set it as resource.