Why does AppBarButton draw emoji wrong - windows-phone-8

When I add an AppBarButton with Content="☺" to a Universal app and run it on Windows 8.1 it shows up, when I run the same thing in Windows Phone 8.1 all I get is a white circle where the emoji should be.

Maybe the default font in Windows Phone doesn't have that glyph. Try referencing the font in the FontFamily property in XAML. The Segoe UI Symbol font should have a smily glyph. It's also recommended to use the following convention for using custom font glyphs (instead of the Content property):
<AppBarButton>
<AppBarButton.Icon>
<FontIcon Glyph="" FontFamily="Segoe UI Symbol"/>
</AppBarButton.Icon>
</AppBarButton>
More info can be found here MSDN - Quickstart: Adding app bar buttons

Related

Font Awesome does not work on any of my Windows 10 computers

I cannot get Font Awesome to work on any of my three Windows 10 machines. All my computers have been updated from 8.1. I don't know when it stopped working, here is what I do know:
Symptoms:
The font does not show. When double-clicked and opened with default Windows font viewer, it shows a default Arial-like typeface instead of slab serif Font Awesome
After installation, when browsed with Character Map - it again displays some kind of system-default font (and none of the icons)
Opened in Adobe programs it shows all alphanumeric characters and icons as blank square outlines.
So far I have tried:
Removing any and all font awesome files from the system and installing the font again
Installing just OTF, just TTF as well as both
Restarting, rebooting, system cleanup
Downloading older versions of the font
I am new to StackOverlow, so can't post images. Links below:
Double-clicking FontAwesome.otf file
Attempting to view in Character Map
EDIT: I had a friend with Windows 8.1 try it -- same problem!
One practical way is to convert .otf format to .ttf using Fontlab.
The solution is discussed here.
Font Awesome 5 is known to work on Windows 10. Here are instructions to install for Desktop Use. We recommend that you use the OTF files for desktop applications, because they support ligatures (i.e. type the icon name and the icon glyph appears).

Google font displaying an icon instead of letter

We are working on a project and one of the participants has a problem with a Google font (Doppio One). The problem occurs in Firefox 33.1 with windows 8.1
On certain places he sees an icon instead of the letters (ft). I can't find the solution. I can only find topics where letters a being displayed instead of icons. But my problem is the other way around.
In another topic the same question is asked. Didn't notice it before:
DoppioOne-Regular.ttf Font does no support ft character in android
What i did:
Instead of inserting the font as a Google Font I downloaded the .ttf file and converted it into a webfont with Font Squirrel Webfont Generator.

Why can the web browser render fonts like Open Sans that are not installed on my system?

Relating the mechanism which permit a browser to display correctly a text formatted wiht a certain Font-Family, it should be described in this way:
the font-family property lets designers specify a prioritized list of fonts for the browser to use to display content. If the preferred font is not installed on the user's computer, the browser will attempt to use the second font in the list. If the user does not have of the preferred fonts installed, a default font is used to display the content.
In Windows 7 the set of fonts installed on the user's computer font should be viewed in Control Panel > Appearance and Personalization > Fonts.
Now in my installed fonts "Open sans" is not listed, and yet my IE11 are able to correctly reproduce a text formatted in "Open sans".
Where is the repository where IE11 get the "Open sans" font?
Thank you very much
Because of #font-face:
The #font-face rule allows for linking to fonts that are
automatically fetched and activated when needed. This allows authors
to select a font that closely matches the design goals for a given
page rather than limiting the font choice to a set of fonts available
on a given platform.

Does Windows Phone 8.1 support multipe Segoe UI fonts

My setup is following: Windows Universal app (WinRt). I have use both VS 2013 and Blend 2013 for designing app.
I have notices that whenever I change font on TextBox in Visual Studio it has no effect on the actual font. I have also noticed that Blend always defaults to Segoe UI if I change the font. I wonder if fonts like Segoe UI Light are available on the Windows Phone?
If you want to use Segoe UI Light, simply set the FontWeight property to Light.
If you're trying to do more customized things with text then yes you'll probably need to use custom fonts.
So after some research I found that Windows Phone 8.1 only supports Segoe UI and multiple other fonts out of the box and if you want to use other fonts apart from the ones shipped with the phone you will have to embed them. Here is a good article on how to do it: http://abnady.wordpress.com/2013/12/17/adding-custom-fonts-to-windows-store-app/
I think one of the drawbacks of using something like Helvetica is it will slow down slightly the startup time of your app. However I am not sure how significant is this.

How to set the replacement font in HTML?

I'm making a HTML banner with Edge Animace CC. I've set my font to droid-serif.
It works fine until I test it on a Nokia Lumia 610.
It gets replaced by a different font which replaces the character "Ž" with symbols.
So can I replace/set the substitute font with proper one in html which shows character "ž"?
First find out which font available in windows phone supports that character,and in your CSS font style append it along with droid-serif.
font-family: "droid-serif", "windows-phone-font-name" , serif;
If that don't work, you should try Web Fonts (maybe Google Web Fonts) that specifically supports your required character, and use that for it.
(** I would comment but I cannot yet **)