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?
HTML special characters on Apple iOS
-
- Propeller Head
- Posts: 71
- Joined: Tue May 07, 2013 9:13 am
- Location: Ann Arbor, Michigan
- Contact:
HTML special characters on Apple iOS
Jack DeLand
MadSkills Consultant and Trainer
Adam Charles Consulting, LLC
Ann Arbor, Michigan
http://www.adamcharlesconsulting.com
MadSkills Consultant and Trainer
Adam Charles Consulting, LLC
Ann Arbor, Michigan
http://www.adamcharlesconsulting.com
-
- Sr. Propeller Head
- Posts: 248
- Joined: Thu May 24, 2018 3:11 pm
- Location: Queensland, Australia
Re: HTML special characters on Apple iOS
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
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
-
- Propeller Head
- Posts: 71
- Joined: Tue May 07, 2013 9:13 am
- Location: Ann Arbor, Michigan
- Contact:
Re: HTML special characters on Apple iOS
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
MadSkills Consultant and Trainer
Adam Charles Consulting, LLC
Ann Arbor, Michigan
http://www.adamcharlesconsulting.com
-
- Senior Propellus Maximus
- Posts: 3669
- Joined: Thu Feb 02, 2006 9:57 am
- Location: Pittsford, NY
Re: HTML special characters on Apple iOS
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.
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
RETIRED, but still fond of all the Flare friends I've made. See you around now and then!
RETIRED, but still fond of all the Flare friends I've made. See you around now and then!
-
- Propeller Head
- Posts: 71
- Joined: Tue May 07, 2013 9:13 am
- Location: Ann Arbor, Michigan
- Contact:
Re: HTML special characters on Apple iOS
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
MadSkills Consultant and Trainer
Adam Charles Consulting, LLC
Ann Arbor, Michigan
http://www.adamcharlesconsulting.com