HTML special characters on Apple iOS

This forum is for all Flare issues related to styles, stylesheets and XML.
Post Reply
jackdeland
Propeller Head
Posts: 71
Joined: Tue May 07, 2013 9:13 am
Location: Ann Arbor, Michigan
Contact:

HTML special characters on Apple iOS

Post by jackdeland »

I have a prototype page that displays an infinity sign: https://jackdeland.com/content/f-essays ... ng-poe.htm. The code is ∖.
As shown in Flare:
HTML: <p class="gold"><span style="font-size: 48pt;">∞</span>
CSS: p.gold
{
text-align: center;
font-size: 48px;
color: #cba135;
/*if no support for background-clip*/
background: -webkit-linear-gradient(transparent, transparent), -webkit-linear-gradient(top, rgba(213,173,109,1) 0%, rgba(213,173,109,1) 26%, rgba(226,186,120,1) 35%, rgba(163,126,67,1) 45%, rgba(145,112,59,1) 61%, rgba(213,173,109,1) 100%);
background: -o-linear-gradient(transparent, transparent);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
margin-top: 12px;
margin-bottom: 12px;
text-shadow: 3px 3px 3px #d4d4d4;
}
It displays correctly in Chrome and Edge on PC, but not on iPhone 12.
What's your simplest, most logical fix?
Jack DeLand
MadSkills Consultant and Trainer
Adam Charles Consulting, LLC
Ann Arbor, Michigan
http://www.adamcharlesconsulting.com
robdocsmith
Sr. Propeller Head
Posts: 246
Joined: Thu May 24, 2018 3:11 pm
Location: Queensland, Australia

Re: HTML special characters on Apple iOS

Post by robdocsmith »

Mine would be to use a transparent png instead of a symbol.
You've a lot of colour and gradient settings in there that may not work on all browsers, let alone whether the symbol itself can be rendered.
If I wanted to guarantee the display of a specialised symbol in a particular colour/size, I'd make it an image.

Rob
jackdeland
Propeller Head
Posts: 71
Joined: Tue May 07, 2013 9:13 am
Location: Ann Arbor, Michigan
Contact:

Re: HTML special characters on Apple iOS

Post by jackdeland »

Thanks, but I am looking for a text-only solution. That is the point.
Jack DeLand
MadSkills Consultant and Trainer
Adam Charles Consulting, LLC
Ann Arbor, Michigan
http://www.adamcharlesconsulting.com
Nita Beck
Senior Propellus Maximus
Posts: 3666
Joined: Thu Feb 02, 2006 9:57 am
Location: Pittsford, NY

Re: HTML special characters on Apple iOS

Post by Nita Beck »

Jack, I'm probably not helping here, but a Google search for the unicode for the infinity symbol (as a mathematical operator) doesn't match what you show above. I see ∞ or U+221E. ∖ is for the mathematical operator "set minus".

EDIT: Using Flare's Character command (on the XML Editor's toolbar), I was able to insert an infinity symbol by searching for "infinity". That led me to 221E, which I inserted. I see the symbol in both the XML Editor and the internal text editor. Let me see... how does it look in output viewed on a Mac ...? Yes, I can see the symbol in Safari and in Chrome on the MacOS. Sorry, I don't have a way to test on the iOS.

Not sure this is helpful, but thought it might hint at a solution for you.
Nita
Image
RETIRED, but still fond of all the Flare friends I've made. See you around now and then!
jackdeland
Propeller Head
Posts: 71
Joined: Tue May 07, 2013 9:13 am
Location: Ann Arbor, Michigan
Contact:

Re: HTML special characters on Apple iOS

Post by jackdeland »

Thanks, Nita - I made a sloppy copy and paste. The character is correctly specified in the HTML, and it does appear on iOS, but is blocky. I will try some other fonts.
Jack DeLand
MadSkills Consultant and Trainer
Adam Charles Consulting, LLC
Ann Arbor, Michigan
http://www.adamcharlesconsulting.com
Post Reply