Jump to content
Sign in to follow this  
designpoint

Font styling

Recommended Posts

designpoint    0
designpoint

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
designpoint    0
designpoint

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

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

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.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
designpoint    0
designpoint

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

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


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
designpoint    0
designpoint

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

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/

 


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
designpoint    0
designpoint

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

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/


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  

×