Jump to content

Custom font only shows up in my google chrome browser, no one else

Recommended Posts

Site URL: https://runnybabbit.net


i added custom css to my website which shows up in my chrome browser but not safari and not for anyone else. 

My css is: 

@font-face {
  font-family: 'EMBROIDERY';
      src: url ('https://static1.squarespace.com/static/5e9da3236f79315d1d6784ff/t/5ea19aee0b77487bad1df656/1587649262063/EMBROIDERY.TTF');}
P {font-family:'EMBROIDERY';}
H1 {font-family:'EMBROIDERY';}
H2 {font-family:'EMBROIDERY';}
H3 {font-family:'EMBROIDERY';}


Link to comment
  • Replies 1
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

Hi. Your font face code is invalid. Remove the font face code & use this new code

@font-face {
    font-family: EMBROIDERY;
    src: url(https://static1.squarespace.com/static/5e9da3236f79315d1d6784ff/t/5f8edbcb7002bd760969272e/1603197899483/EMBROIDERY.TTF);
p, h1, h2, h3, button, a.btn.btn--border.theme-btn--primary-inverse, .header-nav *,nav.header-menu-nav-list *, h1.ProductItem-details-title {
    font-family: EMBROIDERY;

.products.collection-content-wrapper .list-grid *, .product-block *, .collection-type-products .grid-title {
    font-family: EMBROIDERY !important;


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.