Jump to content


Photo
- - - - -

Font styling


  • Please log in to reply
9 replies to this topic

#1 designpoint

designpoint

    Advanced Member

  • Members
  • 59 posts
  • Country: Country Flag

Posted 22 April 2013 - 06:13 AM

Hi,

 

How can I change the font style with Pagelines? I am after Din - Regular or Din-Medium which is not in the pagelines list. Can I still add this font style?

 

Thanks,

 

Adrian



#2 Danny

Danny

    Is Awesome!

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

Posted 22 April 2013 - 07:40 AM

Hi,

 

I recommend you follow the instructions given on this website -

Please Login or Register to see this Hidden Content



#3 designpoint

designpoint

    Advanced Member

  • Members
  • 59 posts
  • Country: Country Flag

Posted 22 April 2013 - 07:49 AM

been on that website how do I find my specific font style?



#4 Danny

Danny

    Is Awesome!

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

Posted 22 April 2013 - 08:00 AM

It tells you on the sites instructions.

 

Basically, you need to download you font, upload it to a server via FTP and then use the code provided on the font face site. Be sure to change the URL to where you uploaded your font.



#5 designpoint

designpoint

    Advanced Member

  • Members
  • 59 posts
  • Country: Country Flag

Posted 22 April 2013 - 08:17 AM

I have the ttf file. Where do I put it? On the server the website is sitting in like the image folder?



#6 Danny

Danny

    Is Awesome!

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

Posted 22 April 2013 - 08:35 AM

You can add the fonts file anywhere on your site, you can even create a new directory, call it fonts and upload there. The location doesn't really matter, as long as the code used contains the URL for where the font is located.

 

If you're still having difficulty, I recommend you read the following:

 

Please Login or Register to see this Hidden Content

 

You could also try this and see if it works for you, I have not tested this service.

 

Please Login or Register to see this Hidden Content



#7 designpoint

designpoint

    Advanced Member

  • Members
  • 59 posts
  • Country: Country Flag

Posted 22 April 2013 - 08:44 AM

Thanks. I have added the following to my Custom CSS:

 

 

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

 

 

still doesn't seem to work. Should I be adding this in css custom code section or in Typography section?



#8 Danny

Danny

    Is Awesome!

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

Posted 22 April 2013 - 08:49 AM

You need to target your element and call the font in the CSS using font-family.

This isn't really something we can assist you, we have provided you with several resources to assist you.

I recommend looking here for assistance, 

Please Login or Register to see this Hidden Content

 



#9 designpoint

designpoint

    Advanced Member

  • Members
  • 59 posts
  • Country: Country Flag

Posted 22 April 2013 - 09:36 AM

I have been looking at the resource links and still somehow the font is now displaying

 

 

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

The above code is similar to what they mention but still doesn't work, anything that can point me in the right direction?



#10 Danny

Danny

    Is Awesome!

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

Posted 22 April 2013 - 10:23 AM

Adding the code above will do nothing unless you target the element with custom CSS, for example:

 

 

p {
    font-family: DeliciousRoman, Helvetica, Arial, sans-serif;
}
 

If the font still doesn't display, I recommend you ask for support on a CSS forum as @font-face is a CSS rule and is not a PageLines issue.

 

I found this article which may assist you -

Please Login or Register to see this Hidden Content