Archived

This topic is now archived and is closed to further replies.

  • 0

Font change for the whole website

Question

Posted · Report post

Hi,

 

I am looking at changing the whole Font style for my website at test.propertywealthadvisors.com.au

 

I am after for the website to be changed to Font Din-Regular

 

So far in my custom CSS code I have the below:

 

 

@font-face { font-family: Din-Regular;
src: url(Fonts/ufonts.com_din-regular_1_.ttf);
}

 

and to set it for the whole website I have:

 

Body { font-family: Din-Regular;

 

 

with my end tag } at the bottom of the CSS code panel, looks like this might be incorrect? (changes the color of my highlight area)

 

Share this post


Link to post
Share on other sites

5 answers to this question

Posted · Report post

Hi,

 

I have added this code:

 

 

@font-face { 
 
font-family:dinregular !important; 
p{
 
   font-family: dinregular  !important;
 
}
body, .font1, .font-primary, .commentlist{
 
   font-family: dinregular  !important;
 
}

 

It works fine on my iPhone, Firefox and Safari. Why doesn't it work on my Chrome? But works on someone else's Chrome?

Share this post


Link to post
Share on other sites

Posted · Report post

Not sure as to why this isn't working in your chrome, as I mentioned to you in Live chat, the best course of action is for you to contact support of the site you got this font from. I would also recommend asking this question on a CSS forum.

 

As this isn't a PageLines issue, this is a @font-face issue which is a CSS rule and an issue with the fonts declaration, which is something only the font developer/provider can answer.

Share this post


Link to post
Share on other sites

Posted · Report post

Body will change all the text within the body of the page, to change your titles and anything using the h tags you'll need to add them to the code to change site wide. Like below

body, h1, h2, h3, h4, h5, h6, .entry-title, .entry-title a, .thead, .site-title, p {
    font-family:font goes here;
}

Share this post


Link to post
Share on other sites

Posted · Report post

should i be adding the font code to the CSS Custom section or to the "Editor" ---> Child page?

Share this post


Link to post
Share on other sites

Posted · Report post

The choice is entirely up to you, you can use the CSS/LESS editor, a child theme or the customise plugin.

Share this post


Link to post
Share on other sites