Jump to content


Photo
- - - - -

Font change for the whole website


  • Please log in to reply
5 replies to this topic

#1 designpoint

designpoint

    Advanced Member

  • Members
  • 59 posts
  • Country: Country Flag

Posted 25 April 2013 - 04:09 AM

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)

 



#2 James B

James B

    Advocate

  • Moderators
  • 4978 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 25 April 2013 - 04:59 AM

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

Please Login or Register to see this Hidden Content



#3 designpoint

designpoint

    Advanced Member

  • Members
  • 59 posts
  • Country: Country Flag

Posted 25 April 2013 - 05:19 AM

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



#4 Danny

Danny

    Is Awesome!

  • Moderators
  • 12968 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 25 April 2013 - 05:40 AM

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



#5 designpoint

designpoint

    Advanced Member

  • Members
  • 59 posts
  • Country: Country Flag

Posted 28 April 2013 - 10:50 AM

Hi,

 

I have added this code:

 

 

@font-face { 
 
font-family:dinregular !important; 
src:url(

Please Login or Register to see this Hidden Content

) !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?



#6 Danny

Danny

    Is Awesome!

  • Moderators
  • 12968 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 28 April 2013 - 10:52 AM

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.