Adam Cap

  • About
  • Mail
  • Archive/Search

HTML

code | Language … see also: PHP / command line / CSS / JavaScript

Prevent iOS + WordPress from Replacing Arrows (and Other HTML Symbols) with Emoji

↘︎ May 4, 2019⇠ | skip ⇢

The Problem (and Solution)

↘ = ↘ (which varies across operating systems and web browsers)
↘︎ = ↘︎ (which is consistent across web browsers—at least on the same operating system)

Append your character’s hex code, HTML code, or HTML entity with ︎. If working with unicode, append with U+FE0E (plus a preceding space).

The FE0E part denotes the variation selector, which determines the variant of the preceding character to use. (Characters can have multiple displays.) Without specifying the variation selector, web browsers will fall back to a default selector for rendering.

Specifying the variation selector also serendipitously thwarts WordPress’s emoji script. This approach is fine for one-offs, but if you want to totally disable WP emojis, then look into comprehensive options.

Bonus Technique

Similarly, a CSS pseudo-element can be used to bypass browser rendering:

.css-class::before { content: "\2198\FE0E" }

Sources

  • https://meta.stackexchange.com/a/223447
  • https://stackoverflow.com/a/37189611
  • https://meta.stackexchange.com/q/261074
  • https://www.toptal.com/designers/htmlarrows/

Me

circa 2017 (29 y/o)

about adam

Recently…

  • 19 May 4: Prevent iOS + WordPress from Replacing Arrows (and Other HTML Symbols) with Emoji #CSS #HTML
  • 19 Mar 23: Move from Live Production Environment to Local macOS Development Sandbox (MAMP) #command line #WordPress
  • 19 Jan 30: Save Jetpack “Site Stats” Pageviews as Post Meta #JavaScript #PHP #WordPress
  • 19 Jan 26: Use Git to Manage WordPress Projects Developed Locally on macOS #command line #WordPress
  • 19 Jan 18: Fix Line Height for Input Placeholders in Safari #CSS
  • 19 Jan 18: Add Partner/Associates/Tracking ID/Tag to Amazon Links #PHP #regex #WordPress
  • 19 Jan 18: Add Fancybox Attribute to Image Links #PHP #regex #WordPress
  • 19 Jan 18: Automatically Bold (or Style) the First X Words of Content #PHP #regex #WordPress
  • 19 Jan 16: Move from Local macOS Development Sandbox (MAMP) to Live Production Environment #command line #WordPress
  • 19 Jan 15: Add Media/Attachment Source Fields (and Display Image Sources in Content) #PHP #regex #WordPress
  • 19 Jan 7: Remove Nonbreaking Spaces ( ’s) from Content and Text Widgets #PHP #WordPress
archive

More…
code (Post Type)

  • Home
  • About
  • Archive
  • Mail
  • Random
  • Dingus
  • Reading
  • Code

ADAM CAP is an elastic waistband enthusiast, hammock admirer, and rare dingus collector hailing from Berwyn, Pennsylvania.

My main interests at this time include reading, walking, and learning how to do everything faster.

Psst: If you find my website helpful or enjoyable, please join my newsletter and/or send me an email—I want to hear from you!

Disclosure: As an Amazon Associate I earn from qualifying purchases.

© 2009–2023 Adam Cap(riola) top ⇡