I have custom font with custom css but everything works fine when i am on desktop version on mobile version it changes to stqndard font

Desktop version:

Mobile version:

.header-title-text {
  font-family:'Archive Bold TTF';
    font-size: 30px !important;
}

This where i specify my font

Can you share site url or provide all code you added to CSS box?

10 hours ago, tuanphan said:

Can you share site url or provide all code you added to CSS box?

/* New below*/
@font-face {
  font-family: 'Archive Regular';
  src: url('https://static1.squarespace.com/static/66f07c2b83777000d864e28f/t/67053a760d01345bd7438166/1728395895175/archive-regular-pro.otf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Archive Italic';
  src: url('https://static1.squarespace.com/static/66f07c2b83777000d864e28f/t/67053a7d59728e5ec49b3d30/1728395901767/archive-regular-italic-pro.otf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Archive Bold';
  src: url('https://static1.squarespace.com/static/66f07c2b83777000d864e28f/t/67053a83afa30b5683f1c725/1728395908022/archive-bold-pro.otf');
}
@font-face {
  font-family: 'Archive Bold TTF';
  src: url('https://static1.squarespace.com/static/66f07c2b83777000d864e28f/t/67054060720c854b984248c9/1728397409498/archive-bold-pro.ttf');
}

.header-title-text {
  font-family:'Archive Bold TTF';
    font-size: 30px !important;
}

body, p1, p2, p {
  font-family: 'Archive Regular', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Archive Bold', sans-serif;
}

em, i {
  font-family: 'Archive Italic', sans-serif;
}

Hi @vas it seems there are some issues with the @font-face rule. For example, since the file is "otf", the format should be "opentype"

You may also consider using this method to easily apply custom fonts across all headings and paragraph: Add Custom Fonts to Squarespace ↗

8 hours ago, Rache said:

Hi @vas it seems there are some issues with the @font-face rule. For example, since the file is "otf", the format should be "opentype"

You may also consider using this method to easily apply custom fonts across all headings and paragraph: Add Custom Fonts to Squarespace ↗

 

 

I did that still the same issue how it was listed before

On 10/20/2024 at 5:36 AM, vas said:

I did that still the same issue how it was listed before

Can you share link to your site?