Skip to main content

Windows Phone 7 doesn't support @font-face

Took me a while to realize that my @font-face fonts weren't being imported on my Windows Phone.  I thought I was doing something wrong and then just sort of gave up after a while.

Well, today, I thought I would take another stab at it thinking that maybe I packaged/converted/imported the fonts incorrectly for the WP7 OS.  Then I stumbled across this article which clearly explains the limitation of IE9 on WP7 - http://www.ubelly.com/2011/11/the-differences-between-ie9-on-the-desktop-and-ie9-on-wp7/

Now, I was really excited to see IE9 coming to WP7 and that excitement was mainly around HTML5 support AND @font-face support.  Silly me, thinking that IE9 on the mobile device would act like the desktop version.

Anyways, I suppose I could just implement image swaps for the items I want displayed as a certain font.

Here is the list of supported fonts for WP7:

http://msdn.microsoft.com/en-us/library/ff806365%28v=VS.95%29.aspx





Arial
Georgia Italic
Tahoma
Arial Black
Lucida Sans Unicode
Tahoma Bold
Arial Bold
Malgun Gothic
Times New Roman
Arial Italic
Meiryo UI
Times New Roman Bold
Calibri
Microsoft YaHei
Times New Roman Italic
Calibri Bold
Segoe UI
Trebuchet MS
Calibri Italic
Segoe UI Bold
Trebuchet MS Bold
Comic Sans MS
Segoe WP
Trebuchet MS Italic
Comic Sans MS Bold
Segoe WP Black
Verdana
Courier New
Segoe WP Bold
Verdana Bold
Courier New Bold
Segoe WP Light
Verdana Italic
Courier New Italic
Segoe WP Semibold
Webdings
Georgia
Segoe WP SemiLight
Wingdings
Georgia Bold

Comments

Popular posts from this blog

How To Run Chrome From Within Notepad++

If you have recently tried to Run  Chrome from within Notepad++ recently, you've probably encountered the same issue I did.  Chrome didn't run. The fix is actually really simple.  Open up the Run box in Notepad++ and browse to your installation of Chrome. ie.  C:\Program Files\Google\Chrome\Application\Chrome.exe Select the file when you find it.  Now, the trick is: Put quotation marks around the path you see in the Run  box.  Now, put 1 space after the closing quotation mark. Type this: $(FULL_CURRENT_PATH) It'll look something like this: Click Run .  If Chrome opens, click Save and set your hotkey.

Developer Note: Virtuemart - Editing the Add to Cart MooTool Popup

To edit the “Add To Cart” popup that appears when you add an item to a cart in Virtuemart, there are few files that you need to know about. These are the files to know \components\com_virtuemart\themes\default\theme.js \components\com_virtuemart\js\mootools\   - contains the files for editing the appearance of the popup. To edit the appearance of the box, edit \components\com_virtuemart\js\mootools\mooPrompt.css to change the styles as well as editing the 2 images in the directory to edit how they appear as well (close box and header-background)

Divi Theme - Remove pause 'on hover' of the full width slider

In the Divi theme, open up /js/custom.js Comment out the following code (around line 144) if ( settings.slideshow && et_slides_number > 1 ) { $et_slider.hover( function() { $et_slider.addClass( 'et_slider_hovered' ); if ( typeof et_slider_timer != 'undefined' ) { clearInterval( et_slider_timer ); } }, function() { $et_slider.removeClass( 'et_slider_hovered' ); et_slider_auto_rotate(); } ); }