CODEWITHSUNDEEP
javascriptioscssfont-sizeemoji
Albert Renshaw
Albert Renshaw

Reputation: 17902

Emoji shrink on mobile safari ( and UIWebView )

This is a question for both objective-c programmers and HTML/CSS/Javascript programmers

When I try to put Emojis on my website with a large font via CSS it works fine on my laptop but when I view it on my iPhone's browser the emoji shrinks but the rest of the text stays large.

Go here on a laptop: http://jsfiddle.net/yfvuX/ Then go there on an iPhone...

See the difference?

How can I fix this? Either in my UIWebView (Objective-C) or on the website itself (HTML/CSS/Javascript)

Upvotes: 2

Views: 1140

Answers (1)

Timm
Timm

Reputation: 2662

It works for me when I set the font to Apple Color Emoji like this:

font-family: 'AppleColorEmoji';

But in my opinion the icons don't look good at huge sizes.

Upvotes: 2

Related Questions