How to add custom font in my theme?

2 comments

1. You need to use @font-face with your font in either .ttf or .eot

   Below is an example

   @font-face {
   font-family: 'RieslingRegular';
   src: url('fonts/riesling.eot');
   src: local('Riesling Regular'), local('Riesling'), url('fonts/riesling.ttf') format('truetype');
   }
   
   h1 {
     font-family: 'RieslingRegular', Arial, sans-serif;
   }
   

   For more details, look here http://bavotasan.com/2010/embedding-fonts-web-site-css-font-face/

   Log in to Reply

2. Monotype Corsiva is a copyrighted font. Check out http://www.fonts.com for conditions and instructions for use. They have a policy that allows a limited number of page views (25,000) for free. The instructions and procedures might be a bit confusing, but in the end you will have a script element generated by them to add to your pages, and then you will just use the font under the name they give you (it seems to be Corsiva W01).

   Alternative, try and find a suitably similar free font from Google Web Fonts, for example.

   Log in to Reply