Font change for the whole website

[designpoint 0]

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)

 

[James B 436]

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;
}

[designpoint 0]

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

[Danny+ 1,327]

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

[designpoint 0]

Hi,

 

I have added this code:

 

 

@font-face { 

 

font-family:dinregular !important; 

src:url(http://test.propertywealthadvisors.com.au/wp-content/themes/property-wealth-advisors/din-regular.ttf) !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?

[Danny+ 1,327]

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.