Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Emojis won't scale beyond 16px font-size on IOS 7

We're making an app in phonegap using web-pages in the UIWebView, and in this product we allow apple's emojis, which we apply the AppleColorEmoji font to, making it possible to scale them.

After updating to IOS 7 on both iPad and iPhone, the emoji with font AppleColorEmoji that previously allowed for scaling to whichever size wanted, no longer scales beyond 16px font-size (it can scale smaller). It still scales as intended on the devices with IOS <7

I fear this is something they introduced in IOS 7 intentionally. Have anyone else experienced this problem, and perhaps even a solution to it?

like image 956
AskeG Avatar asked Oct 31 '13 08:10

AskeG


People also ask

Are predictive emojis not working on iPhone?

With the introduction of iOS, Apple introduced a new predictive system that could replace words and phrases with emojis. This feature quickly became known as Predictive Emojis and has become quite popular among users. Yet, like every other iOS feature, it can also be subject to a few problems, chief among them not working as expected.

Why are there no emojis on my iPhone keyboard?

If no words are highlighted, there aren’t any potential emoji words in the text. Step 1: Go to settings > General > Keyboard. Step 2: Select “Keyboards” and if the emoji keyboard is listed, choose “Edit” and then delete the Emoji Keyboard. Step 3: Restart your iPhone. Step 4: Go back to Settings > General > Keyboard> Keyboards.

Why is the font size on iPad smaller than iPhone?

Since iPads have fewer pixels per inch, anything that’s sized in “pixels” or “points” will be slightly larger on an iPad. Because we hold iPads slightly farther away from our eyes than iPhones, this balances out nicely – you can keep most of the same font sizes on iPad and iPhone.

How to add emojis to your iPhone?

Choose “Emoji." Step 3: Tap on any of the orange-highlighted words to turn them into an emoji. If no words are highlighted, there aren’t any potential emoji words in the text. Step 1: Go to settings > General > Keyboard. Step 2: Select “Keyboards” and if the emoji keyboard is listed, choose “Edit” and then delete the Emoji Keyboard.


Video Answer


1 Answers

In Webkit, to scale such emoji character in a HTML element:

<span style="-webkit-transform: scale(5); position: absolute;">&#x1f47f;</span>

Downsides to the above include that the positioning will need adjusting for the size, since the transform has to be applied to elements with position absolute. Pixelation could also happen, if the emoji is transformed too large.

like image 167
Zero Distraction Avatar answered Oct 07 '22 20:10

Zero Distraction