Jump to content

Custom font (from Typekit) not working after upgrading to a paid subscription

Go to solution Solved by Web_Solutions,

Recommended Posts

I had a trial version of the site, although I struggled to get my fonts working even before, at the end I managed. NOW, when I paid (Personal plan) it is not working again!

I tried to add !important to my CSS but not helped. Here is my CSS:

 

// CUSTOM FONT

@font-face {
font-family: sirenia, sans-serif;
font-weight: 700;
font-style: normal;
}

 
@font-face {

font-family: capitana, sans-serif;
font-weight: 300;
font-style: normal;

}

h1, {

font-family: 'sirenia' !important;}

h2 {

font-family: 'sirenia' !important;}


h3 {

font-family: 'sirenia' !important;}


h4 {

font-family: 'sirenia' !important;}


.sqsrte-large {

font-family: 'sirenia' !important;}

p {

font-family: 'capitana' !important;}


.sqsrte-small {

font-family: 'capitana' !important;}

 

and in the header is this: <link rel="stylesheet" href="https://use.typekit.net/dzd1ozh.css"> which I cannot change now at all, it is like frozen, when on trial I tried several times to save the code and this link and eventually it helped me using Chrome (which is the only browser in which it works but not properly).

website: grafikasana.cz

Link to comment
  • Replies 8
  • Views 1.3k
  • Created
  • Last Reply

Top Posters In This Topic

15 hours ago, Grafikasana said:

I had a trial version of the site, although I struggled to get my fonts working even before, at the end I managed. NOW, when I paid (Personal plan) it is not working again!

I tried to add !important to my CSS but not helped. Here is my CSS:

 

// CUSTOM FONT

@font-face {
font-family: sirenia, sans-serif;
font-weight: 700;
font-style: normal;
}

 
@font-face {

font-family: capitana, sans-serif;
font-weight: 300;
font-style: normal;

}

h1, {

font-family: 'sirenia' !important;}

h2 {

font-family: 'sirenia' !important;}


h3 {

font-family: 'sirenia' !important;}


h4 {

font-family: 'sirenia' !important;}


.sqsrte-large {

font-family: 'sirenia' !important;}

p {

font-family: 'capitana' !important;}


.sqsrte-small {

font-family: 'capitana' !important;}

 

and in the header is this: <link rel="stylesheet" href="https://use.typekit.net/dzd1ozh.css"> which I cannot change now at all, it is like frozen, when on trial I tried several times to save the code and this link and eventually it helped me using Chrome (which is the only browser in which it works but not properly).

website: grafikasana.cz

 

Replace These code 

@font-face {
font-family: sirenia, sans-serif;
font-weight: 700;
font-style: normal;
}

 
@font-face {

font-family: capitana, sans-serif;
font-weight: 300;
font-style: normal;

}

h1, {

font-family: 'sirenia' !important;}

h2 {

font-family: 'sirenia' !important;}


h3 {

font-family: 'sirenia' !important;}


h4 {

font-family: 'sirenia' !important;}


.sqsrte-large {

font-family: 'sirenia' !important;}

p {

font-family: 'capitana' !important;}


.sqsrte-small {

font-family: 'capitana' !important;}

 

With the code below

.header-nav-item a, h1, h2, h3, h4, .sqsrte-large {
  font-family: 'sirenia' !important;
}
p, .sqsrte-small {
  font-family: 'capitana' !important;
}

 

If my comments are useful, please like and mark my solution as answer. It will encourage me. Thanks

MD Rofik
Website Designer and Digital Marketer

Am I helpful? Want to offer me a coffee?
Send me a message if needed any help. I'll try to reply as soon as possible.


 

Link to comment
Just now, Grafikasana said:

My CODE INJECTION area is frozen, that might be an issue, reading other threads. Can someone advise what to do? I contacted support.

Did you add this code on Add these code on Custom CSS panel in Website Utilities Website Tools > Code Injection. I have added at work on my site. See the image

<link rel="stylesheet" href="https://use.typekit.net/dzd1ozh.css">

 

Screenshot_287.png

If my comments are useful, please like and mark my solution as answer. It will encourage me. Thanks

MD Rofik
Website Designer and Digital Marketer

Am I helpful? Want to offer me a coffee?
Send me a message if needed any help. I'll try to reply as soon as possible.


 

Link to comment
  • Solution
Just now, Grafikasana said:

Yes, I added it in the way you did (before going on paid subsc.), I am on personal plan now, and cannot delete or add anything to header neither footer, it stoped working after going on personal plan. It is just not responding, tried on different devices too.

 

Thanks for help!

You should upgrade your Persona plan to a Business Plan. Because Personal Plan didn't support Code Injection.

If my comments are useful, please like and mark my solution as answer. It will encourage me. Thanks

MD Rofik
Website Designer and Digital Marketer

Am I helpful? Want to offer me a coffee?
Send me a message if needed any help. I'll try to reply as soon as possible.


 

Link to comment
1 minute ago, Grafikasana said:

It solved the issue, sorry for bothering, it was confusing that in Chrome the fotn was working properly even on personal plan! Thanks again!

Welcome!

If my comments are useful, please like and mark my solution as answer. It will encourage me. Thanks

MD Rofik
Website Designer and Digital Marketer

Am I helpful? Want to offer me a coffee?
Send me a message if needed any help. I'll try to reply as soon as possible.


 

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.