Jump to content

Force text of arrow symbol (↗) for iOS

Recommended Posts

Hi!

I am trying to use the north-east arrow symbol in a text block ( ↗ ) and it works fine on my desktop but as soon as I use any iOS device (iPhone, iPad), it turns into some emoji ( ↗️ ). Is there a way to force text for this symbol?

Thank you for your help!

Link to comment
  • Replies 7
  • Created
  • Last Reply

Top Posters In This Topic

  • 2 years later...
7 hours ago, TimoBluntt said:

Has anyone ever found a solution for this? I'm facing exactly, the same problem. 

https://kloosterstraat23.squarespace.com. Desktop seems fine, iPad and iPhone look awful.

@tuanphan@TOMweb

You can choose an icon here, then we can give code to replace text block arrow symbol with icon there. This will work on all devices

https://fontawesome.com/icons/categories/arrows

(choose free version only)

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
18 hours ago, TimoBluntt said:

Thanks so much for getting back on this! Much appreciated. 

We'll probably go with this one. 

https://fontawesome.com/icons/location-arrow?s=solid

Add to Settings > Advanced > Code Injection > Header

 <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.1/css/all.css" integrity="sha384-vp86vTRFVJgpjF9jiIGPEEqYqlDwgyBgEF109VFjmqGmIY/Y4HV4d3Gp2irVfcrp" crossorigin="anonymous">
<style>
  div#block-280e6688c5968d09a8cd a:after {
    content: "\f124";
    font-family: "Font Awesome 5 Free";
}
</style>

If it doesn't work, please keep the code, we can check easier

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.