Jump to content
Sign in to follow this  
designpoint

Font change for the whole website

Recommended Posts

designpoint    0
designpoint

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
James B    436
James B

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

Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites
designpoint    0
designpoint

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
Danny    1,327
Danny

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


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
designpoint    0
designpoint

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
Danny    1,327
Danny

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.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

×