Archived

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

  • 0

Font styling

Question

Posted · Report post

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

Share this post


Link to post
Share on other sites

9 answers to this question

Posted · Report post

Hi,

 

I recommend you follow the instructions given on this website - http://www.font-face.com/

Share this post


Link to post
Share on other sites

Posted · Report post

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

Share this post


Link to post
Share on other sites

Posted · Report post

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.

Share this post


Link to post
Share on other sites

Posted · Report post

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

Share this post


Link to post
Share on other sites

Posted · Report post

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:

 

http://www.w3schools.com/cssref/css3_pr_font-face_rule.asp

 

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

 

http://www.fontsquirrel.com/tools/webfont-generator

Share this post


Link to post
Share on other sites

Posted · Report post

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?

Share this post


Link to post
Share on other sites

Posted · Report post

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, http://www.css3.info/preview/web-fonts-with-font-face/

 

Share this post


Link to post
Share on other sites

Posted · Report post

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?

Share this post


Link to post
Share on other sites

Posted · Report post

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 - http://perishablepress.com/visual-walkthrough-font-face-css/

Share this post


Link to post
Share on other sites