Archived

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

  • 0

How do I add a font that IS NOT a Google web font?


Question

Posted · Report post

I'd like to add a font that is NOT a Google font and I'm not sure how.

This one, in particular: http://www.dafont.com/underwood1913.font

 

I've read things about Cufont not working well so I don't want to use it unless you can tell me how to use it without it causing problems.

Any pointers??

Thanks and happy new year to all!

 

Carina

Share this post


Link to post
Share on other sites

1 answer to this question

Posted · Report post

Hi Carina

 

I did this in my local host
- I create a directory named "fonts" by FTP in my htdocs
- I upload the file "Underwood_Etendu_1913.TTF"
- Then I wrote this in my CSS rules
@font-face {
font-family: Underwood;  
src: local('Underwood_Etendu_1913'), 
url("fonts/Underwood_Etendu_1913.TTF") format('truetype');  
font-weight: normal;  
}

.thead, h1, h2, h3, h4, h5, h6, .site-title, body, .font1, .font-primary, .commentlist {font-family:Underwood;}

and .... the magic appear 

 

Captura%2520de%2520pantalla%25202013-01-

;)

 

 

You can read this 

http://codex.wordpress.org/Playing_With_Fonts

Share this post


Link to post
Share on other sites