Using Custom Font

Site URL: https://mkcomputers.ca

Hello,

I used a website called Transfonter to turn my font into a .woff file because that fixed the issue of getting my font onto my mobile site. The issue I am facing now is that the font I converted was bold but when I input the code into Squarespace it isn't bold. Im almost 99% sure this is a mistake on my end because the end result from Transfonter is also bold. Bellow is the code Transfonter told me to use (which im not sure how to!) and the way I implemented it into my site. I have also included a picture of the page on my website and what its supposed to look like.

**Code for current website

#block-7aa8c18206ded667fe87
.form-wrapper .field-list .title {
 background: rgb(63,94,251);
 background: linear-gradient(75deg, rgba(63,94,251,1) 0%, rgba(252,70,70,1) 100%);
  letter-spacing: .15em;
  text-transform: uppercase;
  -webkit-background-clip: text;
   color: transparent;
   @font-face {
    font-family: 'Arial';
    src: url('Arial-Black.woff') 
    format('woff');
    font-weight: 900;
    font-size: 10px;
    font-style: normal;
    font-display: swap;
  }
}

This is the result it gave me

this is what the font is supposed to look like and one of the pieces of code it told me to implement

I also got this line of code but im not sure how to use it or what it is for

@font-face {
    font-family: 'Arial';
    src: url('Arial-Black.woff2') format('woff2'),
        url('Arial-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

Any help would be appreciated!!

Thanks,

Josh

Hi,

You mean make caption text (first, last name) not bold?